首页 > 编程语言 > 详细

JavaScript

时间:2021-04-03 09:30:24      阅读:29      评论:0      收藏:0      [点我收藏+]

1. 什么是JavaScript

一门世界上最流行的脚本语言

一个合格的后端人员,必须要精通JavaScript


2. 快速入门

2.1 引入JavaScript

  1. 内部标签

    <script>
        alert(‘hello world‘);
    </script>
    
  2. 外部引入

    <script src="js/hjq.js"></script>
    

测试的代码是:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--  script标签内写JavaScript代码  -->
    <script>
        alert(‘hello world‘);
    </script>

    <script src="js/hjq.js"></script>

</head>
<body>


<!-- 这里也可以写 -->
</body>
</html>

2.2 基本语法入门

  1. 变量、条件控制
<!--  JavaScript严格区分大小写  -->
<script>
    // 1. 定义变量
    var score = 71;

    // 2. 条件控制
    if(score >= 60 && score < 70){
        alert("及格");
    }else if(score >= 70 && score < 80){
        alert("良好");
    }else{
        alert("other");
    }

    //console.log(score)  在浏览器的控制台打印变量  sout


</script>

附:浏览器必备调试须知:

调试:点开浏览器审查元素、点开Source、双击点开代码文件、点击断点、刷新网页、进入了调试,可以点击运行下一步或者直接运行完。


2.3 数据类型

数值、文本、图形、视频……

  1. number

    js不区分小数和整数,Number

    123 //整数
    123.1  //浮点数
    1.123e3  //科学计数法
    -99  //负数
    NaN  //not a number
    Infinity  //表示无穷大
    
  2. 字符串

    ‘abc‘ "abc"

    转义字符与Java一致

  3. 布尔值

    true、false

  4. 逻辑运算

    &&
    
    ||
    
    !
    
  5. 比较运算符(重要)

    =
    
    == 等于(类型不一样,值一样,也会判断为true)
    
    === 绝对等于(类型一样,值一样)
    

    js缺陷,坚持不要使用 == 比较

    须知:

    • NaN与所有的数值都不相等,包括自己
    • 只能通过isNaN()来判断这个数是否是NaN

    尽量避免使用浮点数运算,存在精度问题。

    console.log((1/3) === (1 - 2/3));  //false
    
    //可以用这种方式判断是否相等
    Math.abs(1/3 - (1 - 2/3)) < 0.000001
    
  6. null和undefined

    null:空

    undefined:未定义

  7. 数组

    js中数组元素不需要同类型

    //保证代码的可读性,尽量使用[]
    var arr = [1,2,3,‘hello‘,null,true];
    new Array(1,12,3,4,‘hello‘);
    

    取数组下标,越界了就会: undefined

  8. 对象

    对象是大括号,数组是中括号

    //定义对象
    var person = {
        name: "hjq",
        age = 20,
        tags: [‘js‘,‘java‘,‘web‘,‘...‘]
    }
    
    //取值
    person.name
    >"hjq"
    person.age
    >20
    

2.4 严格检查格式

前提:IDEA需要设置支持ES6的语法

‘use strict‘: 严格检查模式,预防JavaScript的随意性导致产生的一些问题

必须写在JavaScript的第一行

局部变量建议用let去定义

<script>
	‘use strict‘;
    let i = 1;
</script>

3. 数据类型

3.1 字符串

  1. 正常字符用‘‘ 或者 ""包裹

  2. 转义字符\

    \‘
    \n
    \t
    \u4e2d    \u####    Unicode字符
    \x41	Ascll字符
    
  3. 多行字符串编写

    var msg=
        ‘hello
    world
    你好ya
    你好‘
    
  4. 模板字符串

    let name = "hjq";
    let age = 20;
    let msg = ‘你好呀,${name}‘
    
  5. 字符串长度

    str.length	//这是属性,不加()
    
  6. 字符串的可变性

    不可变

  7. 大小写转换

    student.toUpperCase()	//这个是方法,要加()
    student.toLowerCase()
    
  8. 字符位序

    student.indexOf(‘t‘)
    
  9. 字符截取——substring

    student.substring(1)	//第一个字符截取到最后一个字符
    student.substring(1,3)	//[)->包含第1个不包含第3个
    

3.2 数组

?

JavaScript

原文:https://www.cnblogs.com/blogs-hjq/p/14612931.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!