JS基础

171 阅读3分钟

JS是从上向下的同步性解释文档。 上面的代码不能调用下面script中的标签,下面的代码可以调用上面的标签

内联式的js:<a href="javascript:void(0)">超链接</a> 默认阻止跳转的超链接

载入外部js:可以再head和body部分 一定要写上 ./ 表示当前文件所在的文件夹。如果加载的js中,变量或者函数相同时,就会覆盖,这被称为变量污染。 在控制台中,打印的数值是蓝色,字符串是黑色

1、注释

ctrl+/ 行注释,注释一行的代码,shift+alt+a 块状注释。

块状注释可以用来注释一行中的部分内容
块状注释可以用来注释掉一个函数中的大量代码
块状注释对于函数的注释说明在函数部分讲解

2、方法变量

js语言每行结束时必须使用;(半角)结束,且js代码中大小写必须严格按照规定。 除了类,一般首字母都是小写。都使用驼峰式命名规则:除了第一个单词以外,每个单词的首字母大写。 方法结构一般为 方法名(参数...) 必须是英文半角 alert() 将字符串以弹窗弹出,并且暂停到当前行

js是点语法,表示某个对象的方法和属性

document.write("10","20");
document.write("<a href='#'>超链接</a>");
document.body.innerHTML="你好";
document.body.innerHTML="<div></div>";

以上对象有两种模式,一种是属性,属性使用等号"="赋值,一种是方法,方法需要使用括号执行

值得注意的是:document.write() write仅属于document的方法,可以给整个文档中添加内容。而根据id名div0获取的一个div,div0.write(),这种写法就无法实现该方法。

innerHTML是所有body内(含body)标签的属性,可以给这些标签内局部添加标签

js中常用的3个弹出框和打印语句
console.log()
alert()  警告消息框
confirm()    确认消息框
prompt()    提示消息框----就是专门用来给用户提供输入窗口的

3、ES5 和 ES6

为了可以让所有浏览器都是用js,我们定义了一个标准 ECMAScript,各大浏览器都必须按照这个标准渲染页面。 ES5,IE8时代支持的js标准。 2015年正式使用ES6,又称为ES2015

(1)、ES5之前

代码遵循从左至右执行。 a=3; a="a";a=b=3;连等先赋值给=号最左边的元素,再逐级向右。

=号左侧是变量名称,=号右侧是值。 不需要定义,随手写,不需要类型(弱类型)

=号赋值也有返回值。例如:console.log(a=3); 打印一个3

a=(b=3) 这里相当于a先等于b=3的返回值3,再给3赋值给b

(2)、ES5

不允许直接使用变量的赋值, 如果不使用var声明,那就这个变量就一定是window的属性, 而在函数以外的地方使用var声明也是设置了window的属性。

变量命名规则

1、变量必须驼峰式命名
2、临时变量必须使用_起头,后面接驼峰式,有时也会在函数的参数中使用临时变量名
3、变量不可以使用关键词和保留字
4、全局的变量名不能与window下的属性和方法同名

(3)、ES6

let 变量 ES6的定义语法。 const 常量 变量是定义后可以变化值的,常量是一旦定义值就不能再改变。 常量定义时名称必须全部大写,并且使用_区分单词。使用常量目的是不会被别人修改或者变量污染改变。 const EVENT_ID="changes";

4、代码提示信息

alert(message?:any):void

提示 message参数名称 ?表示可以不写值 :any 这个参数的类型可以是任何类型 :void 无返回值