1、脚本标签

1) 可以通过<script> 标签将javaScript 代码添加到页面中 (type 和language 属性不是必须的)

2)外部的脚本可以通过 <script src="path/*.js" > </script> 这种方式插入

示例1:

<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>

示例2:

js 文件 和html分开

//js代码 js文件名位hello.js 路径位 path/hello.js
alert('hello') html代码
<!DOCTYPE HTML>
<html>
<body> <script src="path/hello.js"> </script> </body> </html>

2、代码结构

语句:语句是执行操作的语法结构和命令

分号:多数情况下,当一个分行符(line break) 存在时, 分号可以省略

alert('hello')
alert('world')
//此处 JavaScript 将分行符解释成“隐式” 的分号。这也被成为自动分号插入

不被解释成分号的例子

alert(3+
1
+3);
//1后面不会被解释成分号

错误举例

alert("There will be an error") //此处无分号
[1,2].forEach(alert)
//这样会运行错误, 因为javascript 不会在 [] 前自动加隐式分号
alert("this is right");
[1,2].forEach(alert)
//运行正确

注释

//这样是单行注释

/* 这样是多行注释
注意多行注释不能嵌套多行注释
*/

3、现代模式,“use strict"

  ”use strict" 指令将浏览器引擎转换位“现代模式”

  严格模式通过将“use strict" 放置在整个脚本或函数的顶部来启用一些新语言特性诸如 “classes” 和 “modules” 也会自动开启严格模式。

  所有浏览器支持现代模式

4、变量

  变量的作用是用来存储信息;

  声明变量的方式 通过 var 、let 、const

  var 是旧时的命名方式;let 为新时代的命名方式;差别放在以后介绍。

  const 用来定义常量,此关键字定义出来的常量不可更改

  变量命名规则:1、变量名称必须仅包含字母,数字,符号 $_。2、首字符必须非数字。

  示例

let name1="xiaoming";
let _ ="xiaohong";
let $="xiaozhang";
//以上命名都是正确的
let 123Name="test" //此处命名是错误的
const MAX =1000; //
MAX=2;//错误,const 定义的值是不可更改的
//不能使用关键字当做变量名 let var ="2" //错误 //变量命名 一定要规范,规范的命名方式可以提高代码的可读性

5、数据类型

  javaScript 拥有数据类型,但是变量并不限于数据类型中的任何一个。即javaScript 语言称为“动态类型“ 编程语言。

示例:let messgae="hello";   message=123465;

  JavaScript 中有七中基本的数据类型

  number 用于任何类型的数字:整数或者浮点数。

    Infinity 最大值 得到方式任何数除以0  alert(1/0) ;//Infinity 或者alert(Infinity)

    NaN  代表计算错误  并且具有粘性  一步出错,最终结果都为NaN  alert("string"/2);//NaN

  string 用于字符串。一个字符串可以包含一个或者多个字符,所以没有单独的单字符类型

    

  在 JavaScript 中,有三种包含字符串的方式。

    1. 双引号: "Hello".
    2. 单引号: 'Hello'.
    3. 反引号: `Hello`.

  

  boolean 用于true 和 false。

  null 用于未知的值          只有一个null 值的独立类型

  undefined 用于未定义的值-------只有一个undefined 值的独立类型

  object 用于复杂的数据结构

  symbol 用于唯一的标识符

  typeof 运算符可以查看变量的类型

  两种形式 typeof x 或者 typeof(x)

  返回的类型的字符串,比如“string"

  nul 返回”object" --------这是语言中的一个错误,实际上它并不是一个对象。

  typeof运算符示例:

  

6、类型转换

  三种常见类型转换:转换为string 类型;转换为 number 类型; 转换 为boolean 类型

  ToString:输出内容时转换发生,或通过 String(value) 进行显式转换。原始类型值的 string 类型转换通常是很明显的。

  ToNumber:进行算术操作时转换发生,或通过 Number(value) 进行显式转换。

  ToNumber 转换遵循一下规则

  

  ToBoolean:进行逻辑操作时转换发生。或通过 Boolean(value) 进行显式转换。

  ToBoolean 遵循以下规则

  

  注意事项:

  • undefined 进行 ToNumber 时变成 NaN,而非 0
  • "0" 和只有空格的字符串(比如:" " )在进行 boolean 转换时变成 true

javascript 基础知识汇总(一)的更多相关文章

  1. JavaScript基础知识汇总

    1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" n ...

  2. javaScript 基础知识汇总(三)

    1.循环:while 和 for while 循环 while(condition){ //代码 循环体 } do ... while  循环 let i =0; do { //循环体 }while( ...

  3. javaScript 基础知识汇总(六)

    1.基本类型与对象的区别 基本类型:是原始类型的中的一种值. 在JavaScript中有6中基本类型:string number  boolean  symbol  null  undefined 对 ...

  4. javaScript 基础知识汇总(五)

    1.垃圾回收 JavaScript 的内存管理是自动的,不能强制执行或者阻止执行 可达性 JavaScript中主要的内存管理概念是可达性. 什么是可达性? 定义一个对象 let user = { n ...

  5. javaScript 基础知识汇总(二)

    1.运算符 术语或者叫法:一元运算符.二元运算符.运算元(参数) let x=0; x=5+2; //5和2为运算元,“+” 为二元运算符: x=-x; //"-" 为一元运算符 ...

  6. javaScript 基础知识汇总 (十三)

    1.Class 在JavaScript中 calss即类是一种函数 基本语法 class Myclass{ constructor(){} method1(){} method2(){} method ...

  7. javaScript 基础知识汇总(七)

    1.数组 特点:数组是可以存储有序集合的对象. 声明: let arr = new Array();   let arr=[]; 大多数情况下我们使用第二种. let fruits = [" ...

  8. javaScript 基础知识汇总 (十)

    1.New Function 语法:let func = new Function ([arg1[, arg2[, ...argN]],] functionBody) //无参数示例: let say ...

  9. javaScript 基础知识汇总 (十一)

    1.柯里化和偏函数 偏函数 假如一个函数有两个参数,然后第一个参数我们调用的时候是确定的,那么我门就可以创建一个偏函数来简化参数传递的问题 示例 function mul(a,b){ return a ...

随机推荐

  1. CSS布局定位基础-盒模型和定位机制

    1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position:属性有哪些取值,它们的行为是什么? 无依赖绝对定位? 6. Display:常见属性值有哪些取值? 7. 对B ...

  2. java.sql.SQLException: Parameter index out of range (0 < 1 ).

    向SQL中传入数据是从1开始的!!! 从ResultSet中取数据也是从1开始的!

  3. Jmeter+ant+Jenkins实现接口自动化平台及报告发送

    项目中实现了比较方便的自动化体系,一直没时间总结一下,现抽空整理一番,废话不多说  内容如下: 一.环境准备  jmeter : 编写接口脚本,实现接口测试 ant  :静默执行jmeter脚本,并生 ...

  4. 如何编译生成Linux-C静态链接库

    目标生成的静态库文件为:libnpcp.a 举例:我们有四个文件分别为:npcp.c npcp.h other.h main.c main.h在npcp.c里面#include "other ...

  5. jenkins下使用python虚拟环境

    jenkins下使用python虚拟环境碰到的一些坑: 1. 构建使用window批处理 - 坑1 c: cd c:\xxxxx\xxxxx\scripts activate c: cd c:\xxx ...

  6. 异步请求xhr、ajax、axios与fetch的区别比较

    目录 1. XMLHttpRequest对象 2. jQuery ajax 3. axios 4. fetch 参考 why: 为什么会出现不同的方法呢? what: 这些都是异步请求数据的方法.在不 ...

  7. ASP.NET Core - 实现自定义WebApi模型验证

    Framework时代 在Framework时代,我们一般进行参数验证的时候,以下代码是非常常见的 [HttpPost] public async Task<JsonResult> Sav ...

  8. ORACLE 的CONNECT BY、START WITH,CONNECT_BY_ROOT、CONNECT_BY_ISLEAF、SYS_CONNECT_BY_PATH,LEVEL的使用(Hierarchical query-层次查询)

    如果表中存在层次数据,则可以使用层次化查询子句查询出表中行记录之间的层次关系基本语法: START WITH <condition1> CONNECT BY [ NOCYCLE ] < ...

  9. JAVA课堂-动手动脑1

    一.Enum:一般用来表示一组相同类型的常量.对这些属性用常量的好处是显而易见的,不仅可以保证单例,且比较时候可以用”==”来替换equals,枚举对象里面的值都必须是唯一的. 代码: public  ...

  10. python自动化测试框架unittest

    对于刚学习python自动化测试的小伙伴来说,unittest是一个非常适合的框架: 通过unittest,可以管理测试用例的执行,自动生成简单的自动化测试报告: 首先我们尝试编写编写一个最简单的un ...