目录
- JavaScript简介
- 1.ECMAScript和JavaScript的关系
- 2.JavaScript语言
- 3.HTML、CSS、JavaScript
- JavaScript基础之语言规范
- 1.如何使用?
- 2.注释
- 3.结束符
- JavaScript语言基础
- 1.JavaScript变量声明
- 2.常量
- 3.变量的命名规范
- 4.支持编写js代码的地方
- 5.JavaScript的数据类型
- 1.JavaScript的数据类型之数值类型
- 2.JavaScript的数据类型之类型转换
- 3.JavaScript的数据类型之字符类型(string)
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.JavaScript语言
JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 很容易学习。JavaScript 在刚诞生的时候,它的名字叫 “LiveScript”。但是因为当时 Java 很流行,所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行。随着 JavaScript 的发展,它已经成为了一门完全独立的语言,并且也拥有了自己的语言规范 ECMAScript。现在,它和 Java 之间没有任何关系。可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等
3.HTML、CSS、JavaScript
HTML是一种标记语言,用来结构化我们的网页内容并赋予内容含义,例如定义段落、标题和数据表,或在页面中嵌入图片和视频。CSS 是一种样式规则语言,可将样式应用于 HTML 内容, 例如设置背景颜色和字体,在多个列中布局内容。JavaScript 是一种脚本语言,可以用来创建动态更新的内容,控制多媒体,制作图像动画,还有很多。(好吧,虽然它不是万能的,但可以通过简短的代码来实现神奇的功能。)
JavaScript基础之语言规范1.如何使用?
1.可以直接在html页面内Script内写入代码2.引入额外的JS文件
2.注释
// 这是单行注释/*这是多行注释,也可以当作单行注释使用*/
3.结束符
Javascript中的语句要以分号为结束符
JavaScript语言基础
javaScript也是一门面向对象的 编程语言 即一切皆对象!!
js/python是一门动态类型
name = 'jason'name = 123name = [1, 2, 3, 4]name可以指向任意的数据类型但是有一些语言中,变量名之间指向一种后续不能更改
1.JavaScript变量声明
在js中,首次定义一个变量名的时候需要用关键字声明
1.关键字varvar name='jason' /*全部都是全局变量*/2.es6退出新语法let name='jason' /*可以声明局部变量*/他们俩的区别: var 在for循环里面定义也会影响到全局 let 在局部定义只会在局部生效
2.常量
python中没有真正意义上的常量,默认全大写就是表示常量js中有真正意义上的的常量的,需要使用关键字const声明const pi = 3.14pi = 3.44 # 报错
3.变量的命名规范
变量名是区分大小写的。javaScript推荐使用驼峰式命名规则。1.变量名只能是(比python多一个&)数字 字母 下划线 &2.变量名命名规范(不遵循也可以)1.js中推荐使用驼峰式命名userNamedataOfDb2.python推荐使用下划线的方式user_namedata_of_db3.不能用关键字作为变量名
4.支持编写js代码的地方
1.可以单独开设js文件书写2.也可以直接在浏览器提供的console界面书写在用浏览器书写js的时候,左上方的清空按钮只是清空当前界面,代码其实还在,如果你想要重新来,最好重新开设一个页面(在使用浏览器书写你自己的js代码的时候推荐你在自己的html页面打开)
5.JavaScript的数据类型
如何查看当前数据类型,typeof 变量名;
1.JavaScript的数据类型之数值类型
var a = 11;var b = 11.11;typeof a;typeof b;'number'整型 浮点型 都为都为number类型
2.JavaScript的数据类型之类型转换
转换整型parseInt()转换浮点型parseFloat()parseInt('123')123parseFloat('11.11')11.11parseInt('11.11')11parseInt('11adasdasdasd11')11parseInt('asddsad11')NaN // 属于数值类型 表示的意思是 不是一个数字
3.JavaScript的数据类型之字符类型(string)
var a = "Hello"var b = "world;var c = a + b;console.log(c); // 得到Helloworldvar s = 'jason'typeof s'string'var s1 = 'jason'typeof s1;'string'var s2 = '''body'''VM1243:1 Uncaught SyntaxError: Unexpected string // 不支持三引号1.模板字符串(模板字符串除了可以定义多行文本之外还可以实现格式化字符串操作)var s3 = `asadnkadnkasdjlhjhhljkhyhbnnnnnnnjk`undefinedtypeof s3'string'模板字符串替换书写${} 会自动去前面找大括号里面的变量名对应的值如果没有定义直接报错案例:var name = 'jason'var age = 18var sss = `my name is ${name} and my age is ${age}`sss'my name is jason and my age is 18'2.字符串的拼接(内置方法)在python中不推荐你使用 + 做拼接,使用join在JavaScript中国推荐直接使用 + 做拼接,并且支持不同类型直接的拼接,它会自动尽自己最可的可能去进行类型转换然后拼接name + agejason18