|
|
@@ -0,0 +1,61 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ // 单行注释
|
|
|
+ /**
|
|
|
+ * 多行注释
|
|
|
+ */
|
|
|
+ /**
|
|
|
+ * 修改this指向:
|
|
|
+ * call apply
|
|
|
+ */
|
|
|
+ function fn1(x,y) {
|
|
|
+ var sum = x + y;
|
|
|
+ console.log(sum);
|
|
|
+ console.log(this);
|
|
|
+ console.log(this.name);
|
|
|
+ }
|
|
|
+ var obj = {
|
|
|
+ name: "Lucy"
|
|
|
+ }
|
|
|
+ // fn1(1,2);
|
|
|
+ // xxx.call(指向哪就传哪，参数1，参数2...)
|
|
|
+ fn1.call(obj,3,4)
|
|
|
+
|
|
|
+ function fn2(x,y) {
|
|
|
+ var sum = x * y;
|
|
|
+ console.log(sum); // 6
|
|
|
+ console.log(this); // window
|
|
|
+ console.log(this.age);
|
|
|
+ }
|
|
|
+ var obj2 = {
|
|
|
+ name: "孙悟空",
|
|
|
+ age: 20
|
|
|
+ }
|
|
|
+ // fn2(2,3)
|
|
|
+ // xxx.apply(指向哪就传哪，[参数一，参数二...])
|
|
|
+ fn2.apply(obj2,[4,5])
|
|
|
+
|
|
|
+ function fn3(a,b) {
|
|
|
+ var sum = b - a;
|
|
|
+ console.log(sum);
|
|
|
+ console.log(this);
|
|
|
+ console.log(this.name);
|
|
|
+ }
|
|
|
+
|
|
|
+ var obj3 = {
|
|
|
+ name: "猪八戒",
|
|
|
+ age: 22
|
|
|
+ }
|
|
|
+ // fn3(6,7)
|
|
|
+ // xxx.bind(指向哪就传哪，参数1，参数2)()
|
|
|
+ fn3.bind(obj3,4,9)();
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e