一、JavaScript的介绍

1、诞生:

  JavaScript诞生于1995年,由Netscape(网景公司)的程序员Brendan Eich(布兰登)与Sun公司联手开发一门脚本语言,1995年9月改为LiveScript。

2、JavaScript的概述     

  JavaScript是一个轻量级的语句,他是单线程的语句(一个线程解析)。他是一个弱语言(他没有固定的类型划分,你给定的值是什么类型他就是什么类型)他还是一个脚本语言(侵入实现xss攻击)。他是怎么被解析的(有浏览器的地方就能解析对应的JavaScript(v8引擎))。JavaScript是一种专为与网页交互而设计的脚本语言, 具有较强的逻辑性.

3、JavaScript 的版本

  JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本.

4、JavaScript的包含的内容
  JavaScript的构成为三个方面:ECMAScript(基本语法及相关对象es3 es5 es6 es7…),DOM(文档对象模型 操作HTML),BOM(浏览器对象模型 操作浏览器)

5. JavaScript 语言的特点

(1)脚本语言:JavaScript是一种解释型脚本语言。不同于C语言是先编译后执行,而是运行过程中逐行进行解释。

(2)基于对象。不仅能创建对象,而且能使用现有的对象。

(3)简单。弱类型的变量类型。

(3)动态性  。不需要经过Web服务器就可以对用户的输出做出响应。

(4)跨平台性。不依赖于操作系统,仅需要浏览器的支持。

6、导入JavaScript标签的方法:

script标签可以出现很多次,并且可以出现在任意位置。

(1)直接书写在script标签里面,script标签可以书写在html文件的任意位置,推荐书写在最末尾</html>后面:

 (2)直接书写在标签里面,利用点击事件onclick添加:

 (3)导入外部的.js文件:

在html文件里面书写js文件的路径:

 然后在js文件里面书写内容:

 二、JS变量,关键字,命名规范:

1、定义变量使用var(关键字)

eg:var age;(var 是关键字,age是变量名)

2、命名规则:

(1)数字、字母、下划线、$符号组成。
(2)其中数字不能做开头,并且变量名应做到见名知意。
(3)变量名不能是保留字或者关键字  。
(4)关键字:一组具有特定用途的关键字,这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。
(5)保留字:尽管保留字在这门语言中还没有任何特定的用途,但它们有可能在将来被用作关键字。
 

 3、注释(注释是对代码进行解释,方便以后能一眼就看懂自己写的代码,注释不会被编译)

单行注释:Ctrl + /

 多行注释:Alt + Shift + /

三、JS数据类型

1、JS数据类型一般可以分为:

Boolean: 布尔类型(true 和false)

Number:数字(整数int,浮点数float )

String:字符串(不区分单引号和双引号)

Object:对象 (包含Array数组 )

特殊数据类型 Null(给了一个空值)、Undefined(当前没有给值)

 打印输出为:

 2、、类型查看typeof操作符查看对应类型:

  Undefined数据类型的值为: undefined 未定义

  Boolean数据类型的值为: boolean 布尔值

  String数据类型的值为: string 字符串

  Number数据类型的值为: number 数值

  Object数据类型的值为: object 对象或者null

  Function数据类型的值为: function 函数

   以上代码查看的是第4点中定义的变量的类型,查看结果为:

(null显示的是object,undefined是对应的null的对象扩展)

 3、类型转换

String 转为Number的三种方法:

(1)Number 类型包含两种数值:整型和浮点型.

(2)parseInt() 是把其它类型转换为整型

(3)parseFloat() 是把其它类型转换为浮点型(小数)

String转为number(显示转换)

NaN, 即非数值(Not a Number)是一个特殊的值

Boolean 类型的转换规则: (牢记):

String: 非空字符串为true, 空字符串为false

Number: 非0数值为true, 0或者NaN为false

Object: 对象不为null则为true, null为false

Undefined : undefined为false

(1)将字符串转为boolean:

 

 (2)number转Boolean 非0 和非NaN 则为true ;NaN和0就是为false

 (3)将undefined 和对应的null转为Bolean

 (4)Boolean 转为number(false 0 true 1)

 (5)将对应的undefined和null转为number(0)

四、JS算术运算符

1、JS算术运算符

算术运算符 : +,-, *, /, %(取余数)

字符串和变量的拼接: +

关系运算符 : <、>、<=、>=、==、===(全等,也叫恒等于)、!=, !==

逻辑运算符 : && 与(且)(同true则为true)、|| 或(有true就为true)、! 非(取反)

赋值运算符 : =、+=、-=、*=、/=、%=

自增、自减 : ++a, a++, –a, a–

(NaN出现,计算结果一定为NaN;先算乘 、除、%,再算加、减;)

 2、位运算(转为二进制再进行位的变化运算) 

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

3、三目运算符:

 4、number对应的保留小数的

五、拓展:

1、无穷大 无穷小(Infinity)

2、进制的转换

(1)将对应的8或者16进制等转为10进制的数值:

 

 (2)将10进制的数值转为对应的8或者16进制的字符串

六、总结:

1、Number方法转为number类型的值

2、Boolean方法转为boolean类型的值

3、String方法转为string的值(toString方法)

4、toFixed方法转为字符串保留多少位小数++自增和一自减(前置和后置的区别)

5、Infinity表示无穷大

6、isNaN判断是否为NaN

7、typeof检索对应的类型(所有的引用类型都是object其他显示对应的值类型)

8、变量名的书写使用var关键词来声明变量

七、练习题:

1、入职薪水10K,每年涨幅入职薪水的5%,50年后工资多少?
    var salax = 100000;
    var fsala ;
    fsala =  salax +(salax * 0.05) * 50;
    console.log(fsala);

2、为抵抗洪水,战士连续作战89小时,变成计算共多少天零多少小时?
    var zuoz = 89;
    var day
    var hour
    day = 89 / 24;
    hour = 89 %24;
    console.log(parseInt(day),hour);
 
3、小明要到美国旅游,可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度(80度)转换为摄氏度,并以华氏度和摄氏度为单位分别显示该温度
    //提示:摄氏度和华氏度的转换公式为:摄氏度 = 5/9.0*(华氏度-32)
    var hs = 80;
    var sh ;
    sh = 5/9.0*(hs – 32);
    console.log(hs , sh);
   
4、给定一个三位数,分别把这个数字的百位、十位、各位算出来并显示
    var num = prompt(“请输入一个数值”);
    num1 = Number(num);
    var gwei ,swei,bwei;
    gwei = num1 % 10;
    swei = num1 / 10 % 10;
    bwei = num1 / 100 % 10;
    console.log(gwei,parseInt(swei),parseInt(bwei));

 

 

 

 

版权声明:本文为lym-2022原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/lym-2022/p/16518195.html