一、js常用的基本语法
1.JavaScript输出
- 使用
window.alert()
写入警告框 - 使用
document.write()
写入 HTML 输出 - 使用
innerHTML
写入 HTML 元素 - 使用
console.log()
写入浏览器控制台
2.字面量与变量
- 字面量相当于数据
- 变量的三要素:数据类型,名字,变量中保存的值
- 变量可以保存字面量
3.JavaScript特点
- js里面的字母是驼峰式大小写
- js对大小写敏感
- js中不能使用连字符
4.JavaScript 里面的 Let
与Const
-
块作用域:var与let相似
- 通过
var
关键词声明的变量没有块作用域。 - 在块 {} 内声明的变量可以从块之外进行访问。
- 使用
let
关键字声明,拥有块作用域的变量 - 使用 JavaScript 的情况下,全局作用域是 JavaScript 环境。在 HTML 中,全局作用域是 window 对象。
- 通过
var
关键词定义的全局变量属于 window 对象。
通过let
关键词定义的全局变量不属于 window 对象。
- 通过
-
const
在块作用域内使用与let
变量相似
二、函数
1.函数语法
function name(参数 1, 参数 2, 参数 3) {
要执行的代码
}
2.函数调用
函数中的代码将在其他代码调用该函数时执行:
- 当事件发生时(当用户点击按钮时)
- 当 JavaScript 代码调用时
- 自动的(自调用)
() 运算符调用函数
例如,toCelsius 引用的是函数对象,而 toCelsius() 引用的是函数结果。
三、js对象
1.对象、属性和方法
对象:一个具体的实例(例如一辆具体的车)
属性:同属于实例的特点,每个属性值引物而异(车的性能)
方法:同个类别的实例的每个规范化的流程(开车或刹车的流程),是在对象上执行的动作
2.访问对象属性
objectName.propertyName或者objectName[“propertyName”]
objectName 为对象名称,propertyName为属性名称。
3.访问对象方法
objectName.methodName()
objectName是对象名称,methodName()是方法名称
4.this关键词
JavaScript this
关键词指的是它所属的对象。
它拥有不同的值,具体取决于它的使用位置:
- 在方法中,
this
指的是所有者对象。 - 单独的情况下,
this
指的是全局对象。 - 在函数中,
this
指的是全局对象。 - 在函数中,严格模式下,
this
是 undefined - 在事件中,
this
指的是接收事件的元素。
像 call()
和 apply()
这样的方法可以将 this 引用到任何对象。