三十七、前端基础 JavaScript

一 JavaScript简介

1996年11月，JavaScript的创造者–netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。

该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被netscape注册为商标。而是想体现这门语言的制定者是ECMA，而不是netscape，这样有利于保证这门语言的开发性和中立性。

因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。

二 JavaScript引入方式

1. script标签内写

<script>
	// JS代码
<\script>

2. 引入外部JS文件

<script src=""></script>

3. 浏览器中右键鼠标选择检查然后选择console

三 JavaScript语言规范

注释

// 这是单行注释
/* 
这是多行注释  
*/

结束符
Javascript中的语句要以分号为结束符

四 变量

1. JavaScript的变量名可以使用字母数字下划线和$，不能以数字开头。
2. 使用变量要用关键字声明
3. 变量名是区分大小写的
4. 推荐使用驼峰体

var name = 'jasper';
let age = 18;

ES6新增了let用来声明变量，声明的变量只在let命令所在的代码块有效。
const可以声明常量，一旦声明，其值九不能改变。

const PI = 3.14;

五 JavaScript数据类型

Javascript是动态类型

var x = 123;  //number类型
var x = 'jasper';  //string类型

5.1 数值(number)

Javascript不区分整型和浮点型

var a = 10;
var b = 10.1;

NaN表示不是一个数字

parseINT('ABC');  //返回NaN

5.2 字符(string)

var a = 'hello';
var b = 'world';
var c = a + b;
console.log(c);  //返回helloworld

常用方法：

方法	说明
.length	返回长度
.trim()	移除空白
.trimLeft()	移除左边的空白
.trimRight()	移除右边的空白
.charat(n)	返回第n个字符
.concat(value, …)	拼接
.indexOf(substring, start)	子序列位置
.substring(from, to)	根据索引获取子序列
.slice(start, end)	切片
.toLowerCase()	小写
.toupperCase()	大写
.split(delimiter, limit)	分割

字符串中嵌入变量

var name = "jasper";
var age = 18;
`My name is ${name} age is ${age}`

原文地址：https://www.jb51.cc/wenti/3282310.html