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');   	

参考文档

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值