一、javaScript,也称之为js,是专为网页交互设计的脚本语言。主要由以下三部分组成:

1)ECMAScript  由ECMA-262定义,提供核心语言功能。

2)DOM对象(document object model,提供访问和操作网页交互的方法和接口。

3)BOM  浏览器对象,提供和浏览器交互的方法和接口。

二、script标签

标签可添加属性:

1、src属性:在引用外部文件的时候,必需属性,<script src='jquery.min.js'></script>。

2、type属性:非必需属性,指定文件类型即:mime type,js文件类型:text/javascript,该值可以写,也可以不写。默认值:text/javascipt

3、async:表示异步执行,不影响执行其他脚本。只使用外部文件。<script async='async'></script> 改属性是可选。支持的浏览器:firefox 、chrom、Safari。异步执行脚本首选需要确认该脚本和其他脚本是否有依赖关系。

4、defer:表示整个页面解析之后,在执行js脚本,只对外部文件生效。和自执行函数是否有关系?需要注意的是:如果 一个页面有多个延迟脚本的时候,并不能指定这些延迟脚本的解析顺序。所以建议在一个页面中只有一个延迟脚本。

其中defer 和async 是控制脚本的解析方式,src都是立即执行下载脚本。

多种执行外部脚本的方法:

1)如果是async=‘async’ 脚本相对于页面其余部分异步异步执行(当页面继续进行解析时,脚本将被执行。)

2)如果不适用async 适用defer=‘defer’ 脚本讲在页面解析完进行执行。

3)如果不适用async 和defer,在浏览器解析页面之前,立即读取并执行脚本。

位置:

因为<script>标签,如果不加defer、async的时候,解析顺序是依次执行,如果在引用外部标签的时候,放在head部分的时候,如果引用的外部的js比较多的时候,不会加载页面的body,对于用户来说,会有‘一小会儿’的空白页,对于用户的体验很差。

所以建议这个标签放在body的下面。这样页面说先加载出来,让用户感觉打开网页速度很‘快’。

三、js代码规范

我们一般要求js代码不要写在页面中,优点有以下:

1、维护方便。

2、可以缓存,多个文件在使用一个文件的时候,只需要缓存一份。

四、数据类型

1)Undefined 类型:

Undefined类型只有一个值,即undefined  在我们定义变量var的时候,并未初始化变量的时候,这个变量的值就是undefined的。

 var message;
alert(message == undefined); //true

2)Null类型

Null类型也是只有一个值,即null,从逻辑角度表示一个空对象指针,这也是正是我们使用typeOf返回object 的原因。我们在定义变量以后储存对象的我们,我们初始化对象最好赋值null而不是其他值。这样我只需要检测这个值是不是null来判断是否是一个对象引用。

我们在比较,非严格比较的时候 undefined==null是返回true。使用非严格的时候,帮助我们进行相应的数据的转换。

3)Boolean类型:

布尔类型的有2个值分别是:true 和false两个。注意这里都是首字符是小写,而不是大写区别于其他的语言。讲一个数据类型转换成布尔类型boolean() 该函数可以转换任何数据类型。

各个数据类型转换成其他的布尔的对照表:

在我们在流控制中,if语句中,有时候我们并没有转换对应判断条件的布尔值,流控制帮助我们自动进行转换。

4)Number类型:

1、浮点数值:我们在进行运算判断一个浮点数值得时候,我们不建议这么做,因为每个浮点数值在内存中存储的精度不同,导致求值得 不同。比如0.1+0.2的时候却不是0.3.

请不要这么进行判断。

2、NaN:not  a number  非数值。用于判断一个该返回数值的时候,返回一个NaN,避免抛出一个错误。

两个NaN 不能判断用是否相等进行判断。

内置函数:isNaN() 来判断一个数据类型是否是一个数值,该内置函数可以接受任何数据类型。可以使用该内置函数来判断一个变量是否是一个数字。如果是非数值返回的是true 反之是false。

该内置函数,当出入参数的时候,会将改参数转换成数值,如果可以转换,返回false,该数值不是不是数值,如果不可以转换,返回true,表示该变量是不是数值。

需要注意的是:如果该值是布尔值,而且是true的话,也返回false。当并不是数值。

5)String 类型:

在js中没有java中的单引号和双引号的区别(单引号表示字符,双引号表示字符串)。

字符串类型,在前端处理最多的是字符串,但是有个问题:我们在计算字符串的长度习惯用length但是这种方式,在计算汉字和字母的时候是有问题,即双字符。

其他类型转换的字符串,可以使用toString()方法,这个方法但是不能转换所有数据类型,比如说null、undefined的时候,没有这个方法,所以建议使用string()方法,可以转换所有的数据类型,包含null 转换之后'null',undefined 转换'undefined'

其他字符串的含义:

但是转换字符串可以使用+''这种方式。

字符串的拼接和切割:

比如'ac' 和'dd'拼接,在拼接的过程中,需要产生新的字符串,和销毁之前的字符串变量。

字符串的切割可以使用方法:substring(start,end)start起始索引 end结束索引。

五:语句

do  while语句:

do

{statement}

while(expression)

该语句主要,先执行一次do部分的循环体,在进行while循环判断。一般用于需要必须执行一次。该语句叫做后测试循环。

for循环:

1、我大部分使用的是:for (var;expression;expression) {statement} 如:for(var i;i<4;i++){void 0}

那我迭代对象呢

使用上面形式:

 a={:,:}
for(var i=;i<Object.keys(a).length;i++){console.log(Object.keys(a)[i])}

需要使用方法:Object的Object.keys(对象)

2、for(var  in  obj){} 这种形式,比较方便。也推荐这样使用。

for( var k in  a){console.log(a[k])}

但是这种方式 其中变量k 也只是键值。而且不能同时使用for(var k,v in  a)方式 会报错。

六、对基本类型和引用类型的判断

对于一个后端传过来的变量,有时候需要判断他的类型,我们最多使用 typeof ,对于基本类型我们获取对应的类型,但是对于引用类型的时候,返回的object,因为所有引用类型都是object类型,这样返回对于我们来说没什么用。

     var a="oop";
console.log(typeof a);
var obj=new Object();
console.log(typeof obj);

输出:

对于引用类型我更关系是哪个具体的类型而不是笼统的object类型

针对这个js提供一个方法:需要判断元素 instanceof 具体的类型   返回值是布尔,返回true 是具体的实例反之不是。

     var arr=new Array();
console.log(arr instanceof Array)

js基础知识整理的更多相关文章

  1. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  2. Kali Linux渗透基础知识整理(四):维持访问

    Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...

  3. Kali Linux渗透基础知识整理(二)漏洞扫描

    Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...

  4. HTML+CSS+JS基础知识

    HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...

  5. Node.js基础知识

    Node.js入门   Node.js     Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...

  6. 【OGG】OGG基础知识整理

    [OGG]OGG基础知识整理 一.GoldenGate介绍 GoldenGate软件是一种基于日志的结构化数据复制软件.GoldenGate 能够实现大量交易数据的实时捕捉.变换和投递,实现源数据库与 ...

  7. 网站开发进阶(十五)JS基础知识充电站

    JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...

  8. NodeJs>------->>第三章:Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  9. java部分基础知识整理----百度脑图版

    近期发现,通过百度脑图可以很好的归纳总结和整理知识点,本着学习和复习的目的,梳理了一下java部分的知识点,不定期更新,若有不恰之处,请指正,谢谢! 脑图链接如下:java部分基础知识整理----百度 ...

随机推荐

  1. 把多个js函数绑定到onload时间处理函数上

    js的window.onload=function();网页加载完毕时会触发一个onload事件,这个事件与window对象相关联,是让一个函数在网页加载完毕之后得到执行.但是如果有两个韩式first ...

  2. mysql小试题3

    查询结果:

  3. 5月8日——iOS中的3D Touch效果

    需要在manifest.json文件中进行配置 需要执行的js代码为: 最终操作效果为 本篇文章主要采用了HTML5+  中的 launcher属性 具体可参照 http://www.html5plu ...

  4. 常用的第三方模块 Pillow url

    Pillow PIL:Python Imaging Library,已经是Python平台事实上的图像处理标准库了.PIL功能非常强大,但API却非常简单易用. 由于PIL仅支持到Python 2.7 ...

  5. maven 学习笔记--简介

    1.什么是maven Maven是一个服务于基于java平台的项目构建.依赖管理和项目信息管理. 2:什么是构建,maven是个优秀构建工具? (1)构建(bulid):对代码的进行编译.运行单元测试 ...

  6. 在Docker Swarm上部署Apache Storm:第2部分

    [编者按]本文来自 Baqend Tech Blog,描述了如何在 Docker Swarm,而不是在虚拟机上部署和调配Apache Storm集群.文章系国内 ITOM 管理平台 OneAPM 编译 ...

  7. Prometheus Node_exporter 之 Network Traffic Detail

    Network Traffic Detail /proc/net/dev 1. Network Traffic by Packets type: GraphUnit: packets/secLabel ...

  8. windows系统相关命令及问题排查实践

    1. 如何查看哪个端口被哪个程序占用? Netstat –ano|findstr "80" ->找到监听80端口的pid tasklist|findstr “<PID号 ...

  9. Python tuple

    元组其实跟列表差不多,也是存一组数,只不是它一旦创建,便不能再修改,所以又叫只读列表 语法 names = (a,b,c) 它只有2个方法,一个是count,一个是index. 当然也有可变元祖: 可 ...

  10. kafka入门1:安装及配置

    1下载 官方下载地址:https://kafka.apache.org/downloads 案例使用版本:kafka_2.11-1.1.0.tgz 2上传服务器 使用ftp工具将压缩包放置到服务器上 ...