day01初始Javascript

Javascript的由来

JavaScript语言最初出现它叫LiveScript。然而，由于当时Java技术如日中天，Netscape公司决定改为JavaScript以此来蹭取Java的热度。

JavaScript的概述

（1）轻量级的语句。

  (2)单线程的语言（一个线程解析）。

（3）弱语言（他没有固定的类型划分 所给值的类型来决定其类型）。

（4）脚本语言（侵入 实现xss攻击）。

（5）如何被被解析的（有浏览器的地方就能解析对应的JavaScript（v8引擎））

JavaScript的包含的内容

JavaScript的构成为三方面

（1）ECMAScript (描述了该语言的语法和基本对象)

（2） DOM(描述处理网页内容的方法和接口。)

（3）BOM（描述与浏览器进行交互的方法和接口）

JavaScript三种书写方式

1.行内式： 书写在script标签里面（常用）

<script>

console.log('hello world')

</script>

2.内嵌式

定义一个js文件(index.js)

console.log('hello world')

引入这个js文件

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

3.外部式

<a href="javascript:void()"></a>

<a href="#" onclick="alert('hello world')"></a>

变量名的书写（见名知意 区分大小写）

1.不能使用关键词（占用之前的关键词的引用空间）

2.普通变量首字母小写 常量全大写（const）

3.只能是英文、数字、_下划线、$ 要做到见名知意，可以运用驼峰命名法，不能出现空格

4.JS关键词/保留词不能用作于变量名称

 JS 基本数据类型

String 类型（单引号 双引号 都是字符串）

Number 类型（JavaScript 中不区分整数和小数（浮点数），统一使用 Number 类型表示）

Boolean 类型 （true false）

Null 类型（表示一个“空”值，即不存在任何值，什么都没有，用来定义空对象指针。）

Undefined 类型 （Undefined 也是一个只有一个值的特殊数据类型，表示未定义。）

JS引用数据类型

Object 类型

转换成字符串型

        1.把数字型转换为字符串型变量. toString( )

    var nu=10;

        var str=nu.toString();

        console.log(str);

         2.我们利用String(变量)

       

 console.log(String(nu));

 

        3.利用+拼接字符串的方法实现转换效果(一般都在使用这种)

     

    console.log(nu+'');

 

 转换数字类型(重点记忆前两种)

         1. parseInt(变量) 可以把字符型的转换为数字型 得到是整数

          

console. 1og( parseInt(age ));

         console.log(parseInt('3.16'));//3取整

         console. log(parseInt( '120px')); // 120会去到这个px单位

 

          2. parseFloat(变量) 可以把字符型的转换为数字型得到是小数浮点数

    

     console.log(parseFloat(3.18));

         console.log(parseFloat('180px'));

 

          3.利用Number(变量)

         

varstr='123';

         console . log (Number(str));

 

         4.利用了算数运算-*/隐式转换

  

       console.log('12' - 0); // 12

 

      转换布尔型

   

     console.log(Boolean(null));

        console.log(Boolean('小白'));

 

无穷大 无穷小（Infinity）

     

  无穷大

      var max = Infinity

       无穷小

       var min = -Infinity

 

运算符和表达式

算术运算

自增和自减的前置和后置的区别

前置先执行对应的++（--） 再执行对应的代码

后置先执行对应的代码 再执行++（--）

比较运算

> < >= <= == != ===(全等 俩个类型和对应的值一模一样 这个俩个是一个东西)

赋值运算

= += -= /= *= %=

var j = 10

j+=100 //j=j+100

j/=10 //11

j*=5 //55

console.log(j);

位运算（转为二进制再进行位的变化运算）

>> 右移 << 左移 ~~ 去掉小数

计算顺序 先算括号里面的 ++或-- 再进行乘除取余 再进行+- 再进行比较运算 再逻辑运费 再进行赋值

三元运算符（三目运算符）

表达式（boolean类型表达式）? true的内容 :false的内容

var a = 10

var b = 20

a>b?10:20 //20

'123a'/10?'hello':'hi'//hi

保留几位小数的方法 toFixed

var number1 = 3          var number2 = 10

 

//默认的大小16位 整数位也是16位 超出不能显示（问题）

console.log(number2/number1);

 

//保留小数(方法会优先调用) 转成字符串

console.log((number2/number1).toFixed(3));