初始JavaScript

100 阅读3分钟

day1初始JS

01-JS 的三大核心

页面的组成:

  1. html 结构
  2. css 样式层
  3. JavaScript:行为层

JS 的三大核心 ECMA script:

1.书写js的语法标准

2.BOM:浏览器对象模型

3.DOM:文档对象模型(Document object model)

02-js的书写位置

1.行内样式

2.内嵌式 写在head标签末尾,或是body的末尾。

3.外联式

03-js的输出

1.alert('你要说的内容')----以一个弹出层的形式

2.document.write(' ')----会在页面上展示

3.cosole.log(' ')----会在控制台显示(打印)

注意:输出的是变量可以不用引号;输出的纯数字也可以不用引号

04-js的变量

如何定义一个变量---var 变量 = (赋值号) 值

        * a = 100
         *      a  变量名(盒子)
         *      =  赋值号
         *      100 值(放到盒子里边的东西)

05-变量名的命名规则和规范

规则:1.必须由数字、字母、英文形态下的$ _组成

2.数字不能开头

3.严格区分大小写

4.不能使用关键字和保留字---关键字:var...... 保留字: js中还没有使用,将来会用的单词

驼峰法

浏览器的预解析

浏览器会提前变量-----图片的结果前两个打印结果是undefined---后两个打印结果是abc和123

06-js的数据类型

  • 简单数据类型(基本数据类型)

1.数值类型 Number 包括(整数、浮点型、科学计数法、各种进制数)

2.字符串数据类型 String 只要被引号包裹

3.布尔数据类型 Boolean true:1 false:0

4.undefined 空数据类型 本来有值,但没有值是undefined

5.null 空类型 就是一个空值,需要赋值。

  • 复杂数据类型----object类型

07-数据类型的转换

Typeof 数据

Typeof (数据) 规律:连用两次typeof检测出来的一定是字符串数据类型

null的类型就是null 之所以typeof会检测出object,是typeof的问题,与null的类型无关-----解决方法:使用Object.prototype.toString.call(null)

console.log(Object.prototype.toString.call(null)) //任何数据都能精确检测出结果的方法

08-数据类型的转换--转成数值型

  • number()

转换规则:

1.会把要转换的数据当作一个整体看待。

2.如果能转换成一个数值类型,返回值就是转换好的数据类型。如果不能转换成数值类型,返回值为NaN(not a number)

// 根据 JS 的 转换规则
        // console.log(Number(undefined))  // NaN  非数字的数字
        // console.log(Number(null))   // 0
​
        // console.log(Number(false))  // 0
        // console.log(Number(true))   // 1
​
  • parseInt( )

转换规则:是一位一位转换的数据,如果第一位不是合法的数字。返回值为NaN。

特点:不认小数点,会把小数点后的数据省略 (不会四舍五入)

  • parsefloat( )

转换规则:认识小数点!

其他转换的结果:

// console.log(parseInt('1.23456789'))   // 1
        // console.log(parseInt('123abc.789')) //123
        // console.log(parseInt('abc.789'))   // NaN
        console.log(parseInt(undefined))   // NaN
        console.log(parseInt(null))   // NaN
        console.log(parseInt(true))   // NaN
        console.log(parseInt(false))   // NaN

09-数据类型的转换-转成字符串类型

1.String() 都能转

2.to string( )

        toString 方法, number类型 可以调用  boolean 类型, 可以调用
         * 
         *      undefined 不能使用 toString 方法
         *      null 不能使用 toString 方法
         *  
         *      如果想将 undefined 或者 null 转换为string 类型,
         *          1. 可以通过 + '' 的方式
         *          2. String(变量)

格式:数据 .tostring()

转换规则:除了null和undefined以外都可以转成字符串 这两种数据类型会报错,可以用加号 + ‘ ’、string()

10-数据类型的转换-转成布尔类型

Boolean( )

转换规则:可以用于任何数据类型 (非0即为真)

为true:非0、空白字符串、非NAN、非空字符串

为false:空字符串、NaN、null、undefined

<script>
        // 数字转换为布尔值, 非0即为真
        // console.log(Boolean(100))   // true
        // console.log(Boolean(0)) // false
        // console.log(Boolean(-100)) // true
​
​
        /**
         * 转为false:NaN、0、“”空字符串、null、undefined
         * 转为true:非0 非NaN数字、非空字符串
        */
        // console.log(Boolean(''))    // false
        // console.log(Boolean(' '))    // true
        console.log(Boolean('zxcvbnm'))    // true
  </script>

\