前端基础之JavaScript

目录

• 一:javaScript
  • • 1.ECMAScript和JavaScript的关系
    • 2.ECMAScript的历史
    • 3.什么是javaScript？
    • 4.什么叫javaScript？
    • 5.javaScript的作用
    • 6.Script标签内写代码
    • 7.引入额外的JS文件
• 二:JavaScript基础之语言规范
  • • 1.注释（注释是代码之母）
    • 2.结束符
• 三:JavaScript语言基础
  • • 1.javaScript变量声明
    • 2.var与let 区别
    • 3.常量
• 三:变量的命名规范
• 四:javaScript代码的书写位置
• 五:javaScript的数据类型
• 六:数值类型(number)
• 七:类型转换
• 八:字符类型(string)
• 九:模板字符串
  • • 1.模板字符串
    • 2.模板字符串替换
    • 3.字符串的并接

一:javaScript

1.ECMAScript和JavaScript的关系

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

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

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

2.ECMAScript的历史

年份	名称	描述
1997	ECMAScript 1	第一个版本
1998	ECMAScript 2	版本变更
1999	ECMAScript 3	添加正则表达式添加try/catch
	ECMAScript 4	没有发布
2009	ECMAScript 5	添加"strict mode"严格模式添加JSON支持
2011	ECMAScript 5.1	版本变更
2015	ECMAScript 6	添加类和模块
2016	ECMAScript 7	增加指数运算符（**）增加Array.prototype.includes

3.什么是javaScript？

JavaScript 最初被创建的目的是“使网页更生动”。

这种编程语言写出来的程序被称为 脚本。它们可以被直接写在网页的 HTML 中，在页面加载的时候自动执行。

脚本被以纯文本的形式提供和执行。它们不需要特殊的准备或编译即可运行。

• JavaScript 是脚本语言

• JavaScript 是一种轻量级的编程语言。

• JavaScript 是可插入 HTML 页面的编程代码。

• JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

• JavaScript 很容易学习。

4.什么叫javaScript？

JavaScript 在刚诞生的时候，它的名字叫 “LiveScript”。但是因为当时 Java 很流行，所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行。

随着 JavaScript 的发展，它已经成为了一门完全独立的语言，并且也拥有了自己的语言规范 ECMAScript。现在，它和 Java 之间没有任何关系。

• 如今，JavaScript 不仅可以在浏览器中执行，也可以在服务端执行，甚至可以在任意搭载了 JavaScript 引擎 的设备中执行。

5.javaScript的作用

JavaScript 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等。JavaScript 怎能缺席。它是标准 Web 技术蛋糕的第三层，其中 HTML 和 CSS 我们已经在学习中心的其他部分进行了详细的讲解。

• HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。
• CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。
• JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）

6.Script标签内写代码

7.引入额外的JS文件

二:JavaScript基础之语言规范

1.注释（注释是代码之母）

// 这是单行注释

/*
这是多行注释
*/

模板语法注释（前端页面不可见 后端可见）
{##}

2.结束符

JavaScript中的语句要以分号（;）为结束符。

三:JavaScript语言基础

javaScript也是一门面向对象的 编程语言 即一切皆对象！！！

1.javaScript变量声明

在js中 首次定义一个变量名的时候需要用关键字声明

1.关键字var
var name='jason'

2.es6退出新语法
let name='jason'

老版本 var(全部都是全局变量)
新版本 let(可以声明局部变量)

如果你的编辑器支持的版本是5.1那么无法
使用let
如果是6.0则向下兼容 var let 都可以使用！

2.var与let 区别

n = 10
for n in range(5):
    print(n)
print(n)

var 在for循环里面定义也会影响到全局
let 在局部定义只会在局部生效

3.常量

python中没有真正意义上的常量 默认全大写就是表示常量
js中是有真正意义上的常量的
需要关键字声明 : const

const pi = 3.14
pi = 3.44  # 报错

三:变量的命名规范

javaScript变量的命名规范
变量名是区分大小写的。
javaScript推荐使用驼峰式命名规则。

1.变量名只能是(比python多一个&)
	数字 字母 下划线 &
2.变量名命名规范(不遵循也可以)
	1.js中推荐使用驼峰式命名
		userName
		dataOfDb
	2.python推荐使用下划线的方式
		user_name
		data_of_db
3.不能用关键字作为变量名

四:javaScript代码的书写位置

1.可以单独开设js文件书写
2.还可以直接在浏览器提供的console界面书写
在用浏览器书写js的时候 左上方的清空按钮只是清空当前界面 代码其实还在 如果你想要重新来 最好重新开设一个页面
	(在使用浏览器书写你自己的js代码的时候推荐你在自己的html页面打开)

五:javaScript的数据类型

js/python是一门动态类型

name = 'jason'
name = 123
name = [1, 2, 3, 4]

name可以指向任意的数据类型
但是有一些语言中，变量名之间指向一种后续不能更改

六:数值类型(number)

var a = 11;
var b = 11.11;
如何查看当前数据类型
typeof a;

var a = 11;
var b = 11.11;
typeof a;
typeof b;

'number'
整型 浮点型 都为都为number类型

七:类型转换

类型转换 关键字
parse

转换整型
parseInt()
转换浮点型
parseFloat()

parseInt('123')
123
parseFloat('11.11')
11.11
parseInt('11.11')
11
parseInt('11adasdasdasd11')
11
parseInt('asddsad11')
NaN

注意: NaN属于数值类型 表示的意思是 不是一个数字

八:字符类型(string)

var a = "Hello"
var b = "world;
var c = a + b; 
console.log(c);  // 得到Helloworld

var s = 'jason'
typeof s
'string'

var s1 = 'jason'
typeof s1;
'string'

var s2 = '''body'''
VM1243:1 Uncaught SyntaxError: Unexpected string

不支持三引号

九:模板字符串

1.模板字符串

var s3 = `
asadnkadnkasd
jlhjhhljkh
yhbnnnnnnnjk
`
undefined
typeof s3
'string'

模板字符串除了可以定义多行文本之外还可以实现格式化字符串操作

2.模板字符串替换

书写${} 会自动去前面找大括号里面的变量名对应的值
如果没有定义直接报错

• 案例:

var name = 'jason'
var age = 18
var sss = `
my name is ${name} and my age is ${age}
`
sss
'my name is jason and my age is 18'

3.字符串的并接

在python中不推荐你使用+做拼接 使用join
在javaScript中推荐你直接使用+做拼接

• 案例

name + age
jason18