27 JavaScript的引入&注释&弹窗&变量常量&数据类型及转换&内存&垃圾回收

JS的引入：

1 内部引入

绑定元素事件如onclick=""
绑定锚点如href="JavaScript:void(0)"
script标签引入，注意：如果标签放在head里面，不能操作放在body里面的scrip标签的内容

2 外部引入

　　sript标签src属性引入,优先级比css高，位置一般在body内或者head到body之间，如果放置于body与html之间，或者html之外，会被自动修复置于body之内

JS注释：

单行：//
多行: /**/
html注释：单行多行都是
css注释：单行多行都是/**/

JS弹窗:

alert:弹出框，无返回值
confirm:确认框，返回true/false
prompt:请输入你的年龄，有2个参数1个返回值，1参是问题，2参默认结果,点击确认会返回输入结果

弹窗弹出时，代码会暂停执行直到弹窗关闭

JS变量：

1 小写字母开始，每个单词的首字母大写
2 变量不能用关键词和保留字
3 变量尽量不要定义window属性名，ES5中全局变量都被设置在window的属性中（可能会数字变字符），起名时先看下是否window对象的属性名称一致
4 临时变量或者参数使用下划线开始 var _time=20;

变量的连等赋值： var a = b = 20; 先给a赋值，再给b赋值

JS常量：

　　一般用大写和下划线_连接，使用const关键字定义

　　常量定义后的对象不能被清除，常量对象可以被修改属性，但常量对象和常量基本数据类型不能被赋值，因此常量不能用null清除引用

    <script>

        const value = 1;

        const obj = { x : 1};

        // value = 2;//报错：Assignment to constant variable.

        obj.x = 2;

        console.log(obj);//{x:2}

        obj = 2;////报错：Assignment to constant variable.

    </script>

JavaScript共有7种数据类型：

number
string
boolean
null
undefined
object
Symbol

分类:

基本数据类型:

undefined、null、number、string、boolean是原生JS5种基本数据类型，Symbol是ES6之后加入的基本数据类型

复杂数据类型：

object是复杂数据类型

数据类型的存储：

前5种存在栈中，栈中变量名存储的是值，object存在堆中（对象数值类型也存储在堆中），栈中变量名存储的是堆中的地址

obj1 = obj;

obj1拿到的是obj的地址，不是地址中的内容，相当于拿到的是一把钥匙，而不是箱子.假设这个地址是#aaaaaa,那么开启这把箱子的钥匙就有两把，分别是obj和obj1,任何一把都能改变箱子里的内容,箱子里的内容一旦改变，那么任何一把钥匙在此后打开箱子后看到的都是改变后的值

此时obj对象的属性改变，obj1这把钥匙所能打开的箱子中的内容也改变，打开箱子之后看到的是改变之后的内容。

综上：

不论是对象还是前5原始数据类型，它们的变量名都存储在栈中

前5种基本数据类型的变量名在栈中存储的是值，但是它们的方法是通过相应的对象数据类型调用的，所以存取是栈调用，调用方法是堆调用，即对象调用

对象存储在堆中，栈中存储的对象变量名存储的是堆中的地址，堆中的属性改变，但是地址并不改变

数据类型

　　数值型：

　　 undefined：NaN

　　 NaN:本身就是数值类型

　　 null : 0

　　 obj : NaN

　　 string: 空串是0，Number('123'),parseInt('123') =123, Number('12a') = NaN,parseInt('12a') =12.

　　 boolean: true是1，false是0

正整型 var a = 1;

负整型 var b = -1;

浮点型 var c = 0.1;

八进制数值: var d = 056;//禁用，打印时自动转换成10进制

16进制：var e = 0xFF;

var num6 = 1.2e+3; 1.2*1000 1.2e-3;1.2/1000

布尔类型：

boolean: true,false

未定义型：

undefined 值和类型相同都是undefined

　　 undefined转换成数值是NaN

　　 undefined转换成布尔值是false

　 undefine == null是true

空值：

　　 null 类型是object

　　空值转换成数值是0,转换成布尔值是false,空值==undefined是true

　对象：

　　　冒号区分属性名和属性值，逗号区分各个属性

　　　对象转成字符串是object Object

　　　对象转成数字是NaN

　　对象如果已赋值，转成布尔值是true

　　　对象如果未赋值则是undefined，转成布尔值是false

　　　两个对象是否相等，依据的是引用地址是否相等

        var obj = {x:1};

        var obj2 = obj;

        obj2.x = 3;

        console.log(obj2 == obj);//true

        console.log(obj2 === obj);//true

        obj = {x:1};//{x:1}是个新对象，与上个对象引用地址不等

        console.log(obj2 == obj);//false

        console.log(obj2 === obj);//false

JS内存管理

前5种基础类型都存储在栈中

对象存储在堆中

但是它们调用的方法都是调用堆中的方法

基础类型仅仅存取的话只在栈中

对象的变量名（地址）存储在栈中，

地址指向堆中的对象内容

变量名存储的是引用地址

var obj2 = obj;

存在栈中的修改的是值(类型)

存在堆中的修改的是引用地址值的内容，地址不会发生改变

对象的传递，操作的是栈，传递的是引用

JS内存泄漏：

栈里的东西如函数名会自动清除

堆里面的东西不会自动清除（内存泄漏）

内存泄漏：不断地创建新对象，不使用的旧对象不清除，造成内存泄漏

　　谷歌浏览器做了优化能自动清除一些

如何清除对象？给变量设置为null

不用的对象一定要赋值为null，但是常量不能被这样清除，因为已经定义的常量不能改变为null

JS垃圾回收

　　对象的引用地址在栈中没有引用时，内存占比过高时，垃圾回收机制会不定时将其清除

数据类型的转换：

转换为数字：

1 Number(隐式转换)

2 parseInt\ParseFloat parseInt(num,2):将字符串或者数字num转成2进制

　　区别：

　　　　Number()可以将任意转换成数值，parseInt()主要将字符串或者数字转换成进制数值，默认是10进制

　　　　Number('4a')是NaN,parseInt('4a')是4

转换为字符串：

String(a)

obj.toString(进制) 将数字或者字符数字转换成相应进制的字符数字，默认是10进制

""+obj

转换成布尔值：

Boolean()

　　　　　　　　除了0，''(或'‘),false,NaN,null,undefined是false,其他都是true

转换成对象：

null是object类型，undefined数据类型和值相同都是undefined，

　　在使用Object()转换成对象类型时，object和undefined和其他都是object类型