`

JavaScript基础详解

    博客分类:
  • JS
JS 
阅读更多

   本文总结下JS的基础知识,包括基本语法,数据类型和变量,运算,字符串,数组,对象,条件判断,循环,Map和Set,iterable等知识点。下面来看详解

 

(1)拓展

   引用:首先讲下JS引用,两种方式:嵌入式和外部调用

   编辑器:推荐使用Sublime Text和WebStorm,PyCharm

 

(2)基本语法

   ①冒号结尾与{}

   语法和Java语言类似,每个语句以;结束,语句块用{...}

虽然JavaScript并不强制要求在每个语句的结尾加;(浏览器引擎会自动补上),但是这里在开发过程中建议最好不要省略。因为让浏览器引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致

   ②缩进

   注意花括号{...}内的语句具有缩进,通常是4个空格。缩进不是JavaScript语法要求必须的,但缩进有助于我们理解代码的层次,所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能(例如WebStorm的Ctrl+Alt+L)可以帮助整理代码

   ③注释

   行注释和块注释(注释是给开发人员看到,JavaScript引擎会自动忽略)

行注释:以//开头直到行末的字符被视为行注释

// 这是一个行注释

块注释:用/*...*/把多行字符包裹起来,把一大“块”视为一个注释

/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */

   ④大小写

JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常

 

(3)数据类型和变量

 ①数据类型

分两类:简单数据 和 复杂数据

简单数据有undefined,null,boolean,number和string这五种;复杂数据只有一种,即对象(object)

   简单数据类型:

[1] undefined : 表示变量不含有值;

[2] null : 表示变量为空;

[3] boolean : true 或 false 代表布尔值;

[4] number : js只有一种数字类型,数字可以带小数点,也可以不带

[5] srting : 字符串是字符的载体,而且必须被成对的引号包围

   注意:typeof是javascript提供的运算符,运行后会返回括号之中数据的数据类型

             如 typeof(3) 返回结果是 'number',则'hello'的类型是数字

 

(4)运算

①常用的运算符号

   算术运算符:+  加号,-  减号,/  除号,*  乘号,%  求余,++ 累加,-- 递减

   逻辑运算符:&&与,||或,!非

   比较运算符:== ,===, != , > , < , >= , <= 

注意:

   ①JavaScript在设计时,有两种比较运算符:

第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;

第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较

例如:

if('1'==1){
      alert('相同')
}else{
      alert('不同')
}

 因为用了==去做判断,所以会转换数据类型,即这里会提示‘相同’

建议:由于JavaScript这个设计缺陷,建议不要使用==比较,始终坚持使用===比较

   ②NaN这个特殊的Number与所有其他值都不相等,包括它自己。具体详解我在后面文章JavaScript中NAN详解里做了总结

 

(7)字符串

 

 

 

 

 

 

 

.

分享到:
评论

相关推荐

    javascript基础详解

    1、使用与需要了解JavaScript的初学者; 2、掌握一些基础知识; 3、学完之后看看懂一定量的代码; 4、持续更新;

    JavaScript基础与案例开发详解

    资源名称:Javascript基础与案例开发详解内容简介:《Java script基础与案例开发详解》根据Javascript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的...

    JavaScript基础与案例开发详解/于坤, 周大庆编著

    《JavaScript基础与案例开发详解》根据JavaScript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像Windows...

    JavaScript基础与案例开发详解pdf

    JavaScript基础与案例开发详解根据javascript在各种类型的应用开发中(如b2b、b2c、c2c)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像windows那样...

    《JavaScript基础与案例开发详解》

    由于提供的文件信息不包含实质性的内容描述,而是反复提及《JavaScript基础与案例开发详解》这本书以及一个网址***,这导致无法从中抽取具体的知识点。为了满足您的要求,我将基于“JavaScript基础与案例开发”这一...

    javaScript基础知识详解

    javaScript基础知识详解,适合新手入门和开发人员快速查阅

    javascript基础语法总结.pdf

    这个资源是javaScript基础语法的总结,适合学完javascript基础语法的进行巩固、复习! 这...我是想免费给大家看的,这怎么还收费

    HTML+CSS+JavaScript实用详解

    HTML(HyperText Markup Language)是网页内容的基础结构,CSS(Cascading Style Sheets)负责样式设计,而JavaScript则提供了动态交互的功能。以下是对这三个重要知识点的详细讲解。 **HTML(超文本标记语言)** ...

    《网页开发手记:HTML+CSS+JavaScript实战详解》

    总之,《网页开发手记:HTML+CSS+JavaScript实战详解》是一本全面而实用的教程,无论你是完全的初学者还是有一定基础的学习者,都能从中受益。通过这本书的学习,你将能够独立创建功能齐全、美观的静态网页,并为...

    javaScript使用详解.pdf

    一、JavaScript基础 1. 变量与数据类型:JavaScript支持动态类型,变量声明时无需指定类型。常见的数据类型有字符串(String)、数字(Number)、布尔值(Boolean)、null、undefined、对象(Object)和Symbol(ES6...

    JavaScript基础语法全解

    ### JavaScript基础语法全解 #### 变量与变量声明 - **变量定义**:变量是编程语言中用于存储数据的基本单元。在JavaScript中,变量作为存放数据的“容器”,其内容可以在程序运行过程中被更改。 - **变量示例**...

    javaScript基础详解

    本文主要介绍JavaScript的基础知识点,包括其基本语法、作用域、内置对象、函数、事件处理和数据类型等。 首先,JavaScript可以放置在HTML文档的多个位置,通常是放在`&lt;head&gt;`标签或者`&lt;body&gt;`标签内,也可以在页面...

    JavaScript使用详解,javascript入门教程

    二、JavaScript基础 1. 变量与数据类型:JavaScript支持基本数据类型(如字符串、数字、布尔值)以及复杂数据类型(对象和数组)。变量声明使用`var`、`let`或`const`关键字。 2. 字符串:字符串是字符序列,可以...

    Javascript实例详解教程

    总之,JavaScript实例详解教程旨在帮助开发者理解JavaScript的基本语法和用法,为构建交互式Web应用打下坚实基础。通过实践和不断学习,你将能够熟练掌握这门强大的语言,创造出令人惊叹的网页和应用。

    HTML,CSS, JavaScript整合详解源码.rar

    JavaScript部分可能涵盖变量、数据类型、函数、DOM操作、事件处理、Ajax异步请求等基础概念,也可能包括更高级的主题,如闭包、模块化、Promise和async/await等。 学习并熟练掌握HTML、CSS和JavaScript,不仅可以让...

    最好的javascript学习教程-JavaScript使用详解

    一、JavaScript基础 1. 变量与数据类型:JavaScript支持基本数据类型(如字符串、数字、布尔值)和复杂数据类型(如对象和数组)。理解变量声明(var、let、const)及其作用域至关重要。 2. 运算符:包括算术运算符...

    JavaScript基础第06天笔记.md

    # JavaScript基础第06天笔记知识点详解 ## 1. 内置对象 ### 1.1 内置对象概述 在JavaScript中,对象被分为三种类型:自定义对象、内置对象以及浏览器对象。前两者属于ECMAScript的基础部分,而浏览器对象则是...

    JavaScript详解(第2版),完整扫描版

    书中采用了大量课堂实践示例,附以详尽的代码行解释和实际结果输出,将JavaScript基础知识与高级技巧完美地展现出来。《JavaScript详解(第2版)》适合对Web开发和设计感兴趣的人员阅读,也可作为高校相关课程的教材。

Global site tag (gtag.js) - Google Analytics