前端:js


一,js的引入方式

1,script标签内写代码

<script>
  // 在这里写你的JS代码
</script>

2,引入额外的js文件

<script src="myscript.js"></script>

二,js语言规范

1,注释

// 这是单行注释

/*
这是
多行注释 */

2,结束符

JavaScript中的语句要以分号(;)为结束符。

三,js语言基础

1,变量声明

  1. JavaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。
  2. 声明变量使用 var 变量名; 的格式来进行声明
var name = "Alex";
var age = 18;

注意:

变量名是区分大小写的。

推荐使用驼峰式命名规则。

保留字不能用做变量名。

四,Js数据类型

JavaScript拥有动态类型

var x;  // 此时x是undefined
var x = 1;  // 此时x是数字
var x = "Alex"  // 此时x是字符串 

1,数字类型

JavaScript不区分整型和浮点型,就只有一种数字类型。

 
var a = 12.34;
var b = 20;
var c = 123e5;  // 12300000
var d = 123e-5;  // 0.00123

还有一种NaN,表示不是一个数字(Not a Number)。

常用方法:

parseInt("123")  // 返回123
parseInt("ABC")  // 返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。
parseFloat("123.456")  // 返回123.456

2,字符串

var a = "Hello"
var b = "world;
var c = a + b; 
console.log(c);  // 得到Helloworld

常用方法:

string.slice(start, stop)和string.substring(start, stop):

两者的相同点:
如果start等于end,返回空字符串
如果stop参数省略,则取到字符串末
如果某个参数超过string的长度,这个参数会被替换为string的长度

substirng()的特点:
如果 start > stop ,start和stop将被交换
如果参数是负数或者不是数字,将会被0替换

silce()的特点:
如果 start > stop 不会交换两者
如果start小于0,则切割从字符串末尾往前数的第abs(start)个的字符开始(包括该位置的字符)
如果stop小于0,则切割在从字符串末尾往前数的第abs(stop)个字符结束(不包含该位置字符)
slice和substring的区别

3,布尔类型

区别于Python,true和false都是小写。

var a = true;
var b = false;

""(空字符串)、0、null、undefined、NaN都是false。

 4,数组

类似于python的列表

var a = [123, "ABC"];
console.log(a[1]);  // 输出"ABC"

常用方法:

 

 

复制代码
/*如果调用sort方法时没有传入参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
*/

// 根据上面的规则自行实现一个排序函数:


function sortNumber(a,b) {
  return a - b
}

// 调用sort方法时将定义好的排序函数传入即可。
stringObj.sort(sortNumber)
关于sort的问题

遍历元素:

var a = [10, 20, 30, 40];
for (var i=0;i<a.length;i++) {
  console.log(i);
}

5,null与undefined

  • null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null;
  • undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。

null表示变量的值是空,undefined则表示只声明了变量,但还没有赋值。

 6,类型查询

typeof "abc"  // "string"
typeof null  // "object"
typeof true  // "boolean"
typeof 123 // "number"

五,运算符

 1,算术运算符

+ - * / % ++ --

2,比较运算符

+ - * / % ++ --

3,逻辑运算符

&& || !

4,赋值运算符

= += -= *= /=

六,流程控制

  1,if-else

var a = 10;
if (a > 5){
  console.log("yes");
}else {
  console.log("no");
}

  2,if-else if-else 

var a = 10;
if (a > 5){
  console.log("a > 5");
}else if (a < 5) {
  console.log("a < 5");
}else {
  console.log("a = 5");
}

  3,switch

var day = new Date().getDay();
switch (day) {
  case 0:
  console.log("Sunday");
  break;
  case 1:
  console.log("Monday");
  break;
default:
  console.log("...")
}

  switch中的case子句通常都会加break语句,否则程序会继续执行后续case中的语句。

  4,for

for (var i=0;i<10;i++) {
  console.log(i);
}

  5,while

var i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

  6,三元运算

var a = 1;
var b = 2;
var c = a > b ? a : b

四,函数

  1,函数定义

  

// 普通函数定义
function f1() {
  console.log("Hello world!");
}

// 带参数的函数
function f2(a, b) {
  console.log(arguments);  // 内置的arguments对象
  console.log(arguments.length);
  console.log(a, b);
}

// 带返回值的函数
function sum(a, b){
  return a + b;
}
sum(1, 2);  // 调用函数

// 匿名函数方式
var sum = function(a, b){
  return a + b;
}
sum(1, 2);

// 立即执行函数
(function(a, b){
  return a + b;
})(1, 2);

  2,arguments

  JavaScript中的函数和Python中的非常类似,只是定义方式有点区别。

function add(a,b){
  console.log(a+b);
  console.log(arguments.length)
}

add(1,2)

  3,函数的全局变量和局部变量

局部变量

在JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它(该变量的作用域是函数内部)。只要函数运行完毕,本地变量就会被删除。

全局变量:

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

变量生存周期:

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

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

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

  4,作用域

  首先在函数内部查找变量,找不到则到外层函数查找,逐步找到最外层。

  


作者:kakawith,发布于:2018/08/30
原文:https://www.cnblogs.com/kakawith/p/8551361.html