初识JavaScript

一.概述

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,

JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。 

JavaScript开发者:Brendan Eich

它从构想到完成开发一共用了10天就完成了

二.快速入门

JavaScript的两种引入方式:

1.内部标签

<script>
        alert('hello,world');
        //弹窗,弹出hello,world
    </script>

 

2.外部引入

 <!--JavaScript的引入必须使用双标签,不能单闭合-->
    <script src="js/first.js"></script>

 

三.基本语法

    <!--JavaScript和Java一样严格区分大小写-->
    <script>
        //定义变量  变量类型  变量名 = 变量值;
        var num =1;
        //JavaScript中使用的最多的就是 var类型,可以说它既可以定义字符串,还可以定义数值
        //alert(num);
        //条件控制
        if(num>=1){
            //console:打印到审查元素,类似于Java的打印到控制台
            console.log(num);
        }else {
            alert("<=1");
        }
    </script>

  总结:

  1. 语法结构和Java十分类似,包括严格区分大小写
  2. 数据类型比Java要少的多,就一个var类型,是一个十分随便的语言
  3. JavaScript依旧有条件控制和循环,用法和Java完全一样

 

console.log()打印到控制台,类似于Java的sout

四.基本数据类型

1.Number:数字,注意JavaScript不区分整型和浮点型,所以都可以使用Number来表示

 123:整数

12.3:小数

1.23e6:科学计数法

NaN:not  a  number不是一个数

Infinity:无限大

2.字符串:太熟悉了和Java定义一样

‘asdfg’

“asdfghjkl”

3.布尔值

false

true

4.逻辑运算

&&:两个都为真则为真

||  :一个为真,则结果为真

!:非,假为真,真为假

5.比较运算符!!!重要

=       :赋值符号

==     :等于(JavaScript中即使数据类型不一样,但是值一样依旧可以等于,如:10=="10",这是成立的)

===   :绝对等于(必须要类型一样,值一样才可以,这才是高级语言中的等于)

注意:

一般我们在进行比较的时候尽量不要使用==,因为===更贴合我们的编程习惯

NaN===NaN,结果为false,这个NaN与所有数值都不相等,包括自己,只能通过isNaN(NaN)这个函数来判断,结果为true

6.浮点数问题

我在使用浮点数时,很容易出现浮点数精度丢失问题,尤其是,无线循环小数和无线不循环小数

例如:

1/3  :这个数是0.3的3的循环

1-2/3:结果也是1/3

但是在判断时,它们是不相等的,因为计算机在计算的时候会去使用一个确切的值比较,当1/3的3无限循环下去的时候,当计算机装不下去了就会丢失精度

7.  null 和  undefined

null           :定义了,但是值为空

undefined:没有定义的

8.数组

Java的数值必须是相同类型的对象,但是JavaScript不需要~

var  arr =  [1,2,3,'asd',"asdf"];

new  Array(1,2,3,"asdd");

利用数组下标取值,如果越界就会报错:undefined

9.对象

var person{

name:"msf",

age:  18,

tages:  ["java",99]

}

总结:

定义对象直接使用var关键字就可以了,然后再里面写值

属性名后面跟英文冒号加空格,: 

各个属性之间要用英文逗号隔开,但是最后一个属性不需要

对象一般使用大括号{}把属性括起来,而数组使用中括号[  ]

五.严格检查模式:strict

严格检查模式必须要再ES 6下才可以使用

'use strict';  严格检查模式,预防JavaScript随意性导致的一些问题

这句话必须写在第一行

建议局部变量都是用 let 去定义,这也是ES 6 的新特性

 上图是ES 6语法的配置方法

   <script>
        'use strict';
       var i=1;
       let num = 5;
       //  ES6 let  局部变量专用

    </script>

  

 

 使用严格检查模式以后,对于没有变量类型的都会报错(爆红)

代码在控制台也无法输出

 

posted @ 2023-04-02 21:31  回忆也交给时间  阅读(16)  评论(0编辑  收藏  举报