JavaScript - 函数、对象、事件、字符串（三）

JS 函数

• JS 函数是被设计为执行特定任务的代码块
• JS 函数会在某代码调用它时被执行

JS 函数语法

• JS 函数通过 function 关键词进行定义，其后是函数名和括号()
• 函数名可包含字母、数字、下划线、美元符号（规则与变量名相同）
• 括号内是参数列表，多个参数之间使用逗号分隔：(参数1，参数2，参数3...)
• 由函数执行的代码被放置在花括号中：{...}

function functionName(var1,var2,var3,...){
    //执行代码
    //return ...
}

JS 函数调用

• 当事件发生时（比如用户点击按钮，鼠标放到标签上等）
• 当 JS 代码被调用时
• 自动地调用

JS 函数返回

• 当 JS 到达 return 语句，函数将停止执行
• 如果函数被某条语句调用，JS 将在调用语句之后 “返回” 执行代码
• 函数通常会计算出返回值，这个返回值会返回给调用者

JS 函数优势

• 能够对代码进行复用：只需要定义一次代码，就可以多次地使用
• 向同一函数传递不同参数，以产生不同的结果

JS () 运算符调用函数

• 只有函数名，没有括号 () 调用的是函数的定义
• 有函数名和括号 () 的，调用的是函数返回的结果

JS 对象

• 对象有自己的属性和方法
• 不能把字符串、数值、布尔值声明为对象（会拖慢执行速度）

JS 对象属性

• JS 对象中的 名称:值 对被称为对象的属性

var person = {
    firstName:"Bill", 
    lastName:"Gates", 
    age:62, 
    eyeColor:"blue"
};

访问对象属性

objectName.propertyName

objectName["propertyName"]

JS 对象方法

• 对象的方法是在对象上执行的动作
• 对象方法以函数定义被存储在属性中

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

访问对象方法

objectName.methodName()

JS 的 this 关键词

• 在方法中，this 指的是所有者对象
• 单独情况下，this 指的是全局对象
• 在函数中，this 指的是全局对象
• 在函数中，严格模式下，this 是undefined
• 在事件中，this 指的是接受事件的元素

JS 事件

常见的 HTML 事件

JS 能做什么

事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作

• 每当页面加载时应该做的事
• 当页面被关闭时应该做的事
• 当用户点击按钮时应该执行的动作
• 当用户输入数据时应该被验证的内容
• 等等

让 JS 处理事件的不同方法

• HTML 事件属性可执行 JS 代码
• HTML 事件属性能够调用 JS 代码
• 向 HTML 元素分配自己的事件处理函数
• 阻止事件被发送或被处理
• 等等

JS 字符串

JS 字符串长度

• 使用内置属性 length 来计算字符串的长度

var text = "Hello World";
var strLen = text.length;

JS 特殊字符

JS 字符串属性

JS 字符串方法

JavaScript - 函数、对象、事件、字符串（三）

原文：https://www.cnblogs.com/xdy-/p/13544289.html