JavaScript（js）入门基础概要

一、变量声明

• var方式：（全局变量），可重复声明
• let方式：（尽量使用这种），存在作用域，在重叠的作用域中不可重复声明
• const方式：主要声明常量，或者不可变的值的变量。作用域和let一样
• function方式：声明函数或者方法（在类中即为方法）
• class方式：声明类
• import方式：引入

//同时声明多个变量：
var v1=1,v2=2,v3=3,v4=4;
//检测变量类型： 
typeof 变量名

二、函数

function add(a,b){
	return a+b;
}

var add=function(a,b){
	return a+b;
}

匿名函数

//声明一个匿名函数，直接赋值给某一个事件
windon.onload = function(){
alert('hello');
};

//使用匿名函数表达式。将匿名函数，赋值给一个变量
//声明：
var func=function(){ }
//调用
func();

//自执行  如同把方法名去掉，在script标签内执行
(function(){
alert("fujiannonglindaxue");
document.write('hello');
}());

箭头函数

• 箭头函数：多用于匿名函数的定义
  • const multiply = num => num * num;
  • 箭头函数适合与 this 无关的回调. 定时器, 数组的方法回调
  • 箭头函数不适合与 this 有关的回调. 事件回调, 对象的方法

三、事件

• 可以看做是用户的某些操作，或者说业务需要监听的某些操作
• 输入框回车事件，在js基本事件里面是没有的。需要自己通过绑定事件去做额外处理：javascript 判断输入框是否输入回车键（两种实现方法）
• 常见事件
  
• onload 事件举例

  //当页面加载完成后0.5秒，光标显示在输入框
  <div>
      <input type="text" name="inputValue" id="inputId" >
  </div>
  window.onload = function(){
        setTimeout(function () {
          document.querySelector('#inputId').focus();
        },500)
      }
  

其他

this 指向解读

1. this指向什么，完全取决于什么地方以什么方式调用，而不是创建时。
2. 理解this之前， 先纠正一个观点，this 既不指向函数自身，也不指函数的词法作用域。如果仅通过this的英文解释，太容易产生误导了。它实际是在函数被调用时才发生的绑定，也就是说this具体指向什么，取决于你是怎么调用的函数。
3. this 的四种绑定规则
   • 数是否在new中调用(new绑定)?如果是的话this绑定的是新创建的对象。
   • 数是否通过call、apply(显式绑定)或者硬绑定调用?如果是的话,this绑定的是 指定的对象。
   • 数是否在某个上下文对象中调用(隐式绑定)?如果是的话,this绑定的是那个上下文对象。
   • 如果都不是的话,使用默认绑定。如果在严格模式下,就绑定到undefined,否则绑定到 全局对象。
     this的4种绑定规则分别是：默认绑定、隐式绑定、显示绑定、new 绑定。优先级从低到高。
4. 箭头函数
   • 通过“=>”而不是function创建的函数，叫做箭头函数。它的this绑定取决于外层（函数或全局）作用域(它的父级是使用我们的规则的哦)。
5. 普通函数：this：谁调用归谁（如果有多层调用则指向最近的父级）
6. 箭头函数：this等同于上一层非箭头函数的this值或全局对象（window或undefined）（严格模式this是undefined）

JS方法属性讲解

ajax总结（三部曲）

1. 编写对应处理Controller，返回消息或者字符串或者json格式的数据：
2. 编写ajax请求
   • url：Controller
   • data：键值对
   • success：回调函数
3. 给ajax绑定事件，点击.click，失去焦点onblur，键盘弹起keyup

实例以及解释，随便写写

//控制台输出日志
console.log(name);		

//弹窗跳出num1+num2
alert(num1 + num2)		

//弹出用户选择的弹框
confirm("你确定要和我在一起吗?")

//纯的js代码获取用户输入
prompt(“title”,“内容”)

//网页显示hello
document.write('hello');   	

参考文档

• 页面刚加载进来或刷新后，光标显示在某个Input输入框中