JavaScript

Posted 2021-01-12 Ethan

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript相关的知识，希望对你有一定的参考价值。

ECMAScript和javascript的关系
1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。
　　次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。
该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。
　　二是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。
因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。

一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
    核心（ECMAScript） 
    文档对象模型（DOM） Document object model (整合js，css，html)
    浏览器对象模型（BOM） Broswer object model（整合js和浏览器）
简单地说，ECMAScript 描述了JavaScript语言本身的相关内容。

JavaScript是脚本语言、是一种轻量级的编程语言、是可插入HTML页面的编程代码。
    插入 HTML 页面后，可由所有的现代浏览器执行。很容易学习

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<script>-->
        <!--console.log(‘断剑重铸之日‘);-->  <!--相当于print-->
        <!--alert(‘欢迎来到英雄联盟‘)-->   <!--弹窗-->
    <!--</script>-->   <!--将script放在head里-->
    <script src="jss.js"></script>
    <!--建立一个js文件，然后在head中导入script src-->
</head>
<body>
<!--<script>-->
    <!--alert(‘你好啊‘)-->
<!--</script>   &lt;!&ndash;将script放到body里&ndash;&gt;-->

</body>
</html>

JS的导入

JavaScript语言规范
注释：
    //    单行注释
    /*多行
    注释*/
结束符：JavaScript中的语句要以分号（;）为结束符。

JavaScript语言基础
变量声明
    JavaScript的变量名可以使用_，数字，字母，$组成，不能以数字开头。
    变量名使用var+变量名的格式来进行声明
var name = ‘wang‘
var age = 18
注意：
    变量名是区分大小写的。
    推荐使用驼峰式命名规则。
    保留字不能用做变量名
声明常量：const，一旦声明，值不能改变
const PI = 3.1415
PI  // 3.1415
PI = 3  // TypeError: "PI" is read-only

JavaScript数据类型
JavaScript拥有动态类型
    var x;  // 此时x是undefined
    var x = 1;  // 此时x是数字
    var x = "Alex"  // 此时x是字符串 
数值(Number)
JavaScript不区分整型和浮点型，只有一种数字类型
    var a = 12.34;
    var b = 20;
    var c = 123e5;  // 12300000,123*10**5
    var d = 123e-5;  // 0.00123,123*10**-5
NaN，表示不是一个数字的数字类型（Not a Number）
常用方法：
    parseInt("123")  // 返回123，将括号内的转化成数值
    parseInt("1.23")  //返回1
    parseFloat("123.456")  // 返回123.456
    parseInt("ABC")  // 返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字，但是是数字类型
    parseFloat("abc")  //返回NaN
字符串(String)
    var a = "Hello"
    var b = "world;
    var c = a + b; 
    console.log(c);  // 得到Helloworld

字符串的常用方法
字符串的变量名.length    返回字符串长度
.trim()    移除空白
.trimLeft()    移除左边的空白
.trimRight()    移除右边的空白
.charAt(n)    返回第n个字符(根据索引)
.concat(‘values‘,...)    字符串的拼接
.indexOf(substring,start)    子序列位置
//var c = ‘Hello world‘  c.indexOf(e);找不到返回-1，需要是字符串
//c.indexOf(‘l‘);返回2，找到第一个然后返回索引c.indexOf(‘l‘,5);返回9，从索引为5的位置往后查找
.substring(from,to)    根据索引获取子序列
//c.substring(); 返回"Hello world" c.substring(2,5);返回"llo"
.slice(start,end)    切片
//c.slice();返回"Hello world"  c.slice(2,4);返回"ll"
.toLowerCase()    全部小写
.toUpperCase()    全部大写
.split(dellimiter,limit)    分割
//c.split(‘l‘);返回["He", "", "o wor", "d"]  c.split(‘l‘,2);返回["He", ""]  后边的显示数量