JavaScript基础语法-dom-bom-js-es6新语法

705 阅读2分钟

视频地址

p16-变量语法扩展

  • 在JavaScript中,;表示语句的结束,或者用来分隔for语句中的3段。
  • 逗号,一般用来分隔先后两条子句,或在函数定义或调用中分隔参数。
  • 如: var i = 0, j = 2;for (var k=0 ; k < j; k++) { i = i + round(4 * (k + 1) * 3.14159, 2);}
  • css中:分号表示某样式定义的终结,逗号用来分隔使用某些相同样式的元素如:a.button, input.button { display: inline-block; width: 100px; height: 50px;}

1.png 代码截图 2.png 运行结果 3.png

 <script>
        // 1.定义变量
        var myname = '刘德华';
        console.log(myname);
        myname = 'bob';
        console.log(myname);

        // 2. 定义多个变量
        var age = 18,
            sex = 'man',
            address = 'hanzghou';
        // 3.声明变量的特殊情况
        // 3.1不声明直接赋值使用
        qq = 110;
        console.log(qq);
        // 3.2只声明,不赋值,程序不知道里面存的是什么,所以结果是undefined,未定义的
        var city;
        console.log(city);
        // 3.3 不声明不赋值,报错
        console.log(tel);
    </script>

p17-变量的命名规范

错误的话编辑器会出现红色波浪线的提示。

4.png 7.png

代码截图 6.png

运行结果,name未定义,却输出了一行空白的 5.png

 <script>
        // 输出app
        var app = 'app';
        console.log(app);
        // 输出App
        var App = 'App';
        console.log(App);
        // 不能使用关键字
        // var var; 因为var有特殊含义,关键字不能作为变量命名,for,while,if等
        // 尽量不要使用name作为变量名
        console.log(name)
    </script>

p18-交换两个变量的值

8.png

9.png

10.png

p19-变量小结

11.png

p20-数据类型导读

12.png

p21-数据类型简介

JavaScript是一种弱类型语言或者说动态语言,意味着不用提前声明变量类型,在程序运行过程中,类型会被自动确定。

13.png

14.png

p22-数字型Number

JS数据类型分为两类:

  • 简单数据类型:number,string,Boolean,undefind,null
  • 复杂数据类型:object

16.png

17.png

数字型范围

console,log(Number.MAX_VALUE);//最大值

console.log(Number.MIN_VALUE);//最小值

数字型三个特殊值

18.png

19.png

p23-isNaN

20.png

21.png

24.png

p24-字符串型String

  • 语法为单引号''和双引号 ""
  • 字符串嵌套:外单内双,外双内单,就近原则。
  • var str = "我是一个'高富帅'的程序员";

转义符

22.png

  • 字符串转义字符都是用\开头,但是这些转义符都要写到引号里面。

  • var str = "我是一个'高富帅'的\n程序员";

p25-弹出网页警示框

  • alert("弹出警示框吧,这里要换行,\n试试看!\n \t这里缩进");
  • 23.png

p26-字符串长度以及拼接

*字符串长度

  • 检测获取字符串的长度 length
  • var str = 'my name is andy'
  • console.log(str.length)
  • 输出结果 25.png

p27-字符串拼接加强

p28-显示年龄案例

p29-boolean以及undefined和null

p30-type-of检测变量数据类型

p31-字面量

p32-转换为字符串类型

p33-转换为数字型parselnt和parseFloat

p34-转换为数字型number和隐式转换

p35-计算年龄案例

p36-简单加法器案例

p37-转换为布尔型

p38-拓展阅读之编译语言的区别

p39-拓展阅读之标识符关键字保留字

p40-课后作业