javaScript基础简要概括知识

关于JavaScript的学习笔记

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习。

JavaScript 用法

HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。

Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。

组成:

ECMAScript 、WebApls(包括DOM和BOM)

DOM指页面文档对象 ,BOM指浏览器对象模型。

语法:

  1. 区分大小写。
  2. 变量是弱型的
  3. 每行结尾的分号可有可无。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

单行注释以 // 开头

JavaScript  输入和输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert( ) 弹出警告框。

使用 document.write( ) 方法将内容写到 HTML 文档中

作用:向body内输出内容。

注意:如果输出的内容写的是标签,也会被解析成网页元素。

结果如下:

  • 使用 innerHTML 写入到 HTML 元素。

使用 console.log( ) 写入到浏览器的控制台。

作用:控制台输出语法,程序员调试使用。

输入语法:

作用:显示一个对话框,对话框中包一条文字信息,用来提示用户输入文字。

展示:

Javascript的关键词

变量:是什么?

作用:用来存放数据的。注意变量指的是容器,而不是数据。

变量的使用:

  1. 声明变量:语法 
  2.      
  3. 声明变量有两部分构成:声明关键词,变量名(标识)

    变量赋值:

交互两个变量:典例

常量的基本使用:

案例:求圆的面积

数据类型:

  1. 值类型:字符串(String)、数字(Number)、布尔(Booolean)、对空(Null)、未定义(Underfined、Symbol
  2. 引用数据类型(引用值):对象(Object)、数组(Array、函数(Function)。

数字型(Number

字符串类型(String)与拼接

字符串拼接:

布尔类型(boolean

未定义类型(underfined

null类型

类型判断

Typeof 操作符

Instanceof操作符:用于判断一个引用类型属于哪种类型

类型转换

隐式转换

显示转换:

Number:将变量转换为数字类型

String:将变量转换为字符串类型

Boolean:将变量转换为布尔值类型。Boolean会将非零的数字转为true,将零转为false

parseFloat:将变量转化为浮点类型

parseInt:将变量转化为整数类型

JavaScript 运算

赋值运算符:

一元运算符和二元运算符:

比较运算符:

逻辑运算符:

JavaScript语言有多种类型的运算符:

类型

实例

描述

赋值,算术和位运算符

=  +  -  *  /

在 JS 运算符中描述

条件,比较及逻辑运算符

==  != <  > 

在 JS 比较运算符中描述

 if 条件语句

双分支 if语法:

If 多分支语法:

案例:根据不同的成绩,反馈不同的评价。

Switch语句

代码案例:

循环语句:

for循环语句

While循环

退出循环:

打印数组:

九九乘法表打印输出:

数组:

数组的基本使用:

求数组最大值和最小值案例

对象:

对象的使用:

对象的操作:案例

结果如下:

对象使用:

第一种方法:对象名.属性名 例如:obj.name

对象名[‘属性名’] 例如:obj[‘age’]

遍历对象:

JavaScript 函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数使用

JavaScript 函数语法

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname()

{ 

    // 执行代码

}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

注意

JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。

函数的调用

函数不调用自己不会执行

案例:

函数传参:

形参可以看作变量,但是如果一个变量不给值,则默认是underfiined

如果用户不输入实参,则出现underfined+unedrfined 的结果就的NaN

如果用户不输入实参,可以给形参默认值,可以默认为0,比如以下操作:

说明这个默认值只会在缺少实参参数传递时 才会被执行,所以有参数会优先执行传递过来的实参,否则默认为underfined

函数封装:

函数返回值:

案例:

局部 JavaScript 变量

在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕,本地变量就会被删除。

全局 JavaScript 变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。

这条语句:

carname="Volvo";

将声明 window 的一个属性 carname。

非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。

作用域:

匿名函数

 函数可以分为:

  • 29
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值