前端 --- 44 js

一。js  描述

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。后来出现了node.js,可以作为后端语言来开发项目,
    js是一个既能做前端又能做后端的语言
      JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript 很容易学习。但有很多糟点

二. 引入方式

  1.在head标签里面可以写,在body标签里面也可以写,

    但有区别

<script>

       console.log('骑士计划!') 
               //alert('骑士计划!')  #这个是浏览器弹出一个窗口
</script>        

   2.引入 js  文件

 

  3.在   浏览器  按  f12  也可进行操作

 三。语言规范

  1.注释

  

  2.结束符

     

四  。语言基础

  1.变量

1.JavaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。
2.声明变量使用 var 变量名; 的格式来进行声明
3.变量名是区分大小写的。
4.推荐使用驼峰式命名规则。首字母大写
5.保留字不能用做变量名。

 保留字:

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile


保留字列表

  2.数据类型

JavaScript拥有动态类型(python也是动态的)

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

  ① 数值(Number)

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

  ② 字符串

在console中输入内容的时候,按着shift+回车来进行换行,就能够不执行代码直接换行了

  

  ③ 布尔值    

 

  ④对象

1.JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。
2.JavaScript 提供多个内建对象,比如 String、Date、Array 等等。
3.对象只是带有属性和方法的特殊数据类型。

  1).数组(类似于Python中的列表。)

    

  2)自定义对象(类似于字典)

  3)类型查询

   

   3.运算符

  

    

    

    

  4.流程控制

    ①

   

    ②

    

    ③ switch  切换

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

var day = new Date().getDay(); //示例化一个今天的日期对象,getDay()是获取天数的编号,0表示星期日
switch (day) {  //这里day这个参数必须是一个值或者是一个能够得到一个值的算式才行,这个值和后面写的case后面的值逐个比较,满足其中一个就执行case对应的下面的语句,然后break,如果没有加break,还会继续往下判断
  case 0: //如果day是0
  console.log("Sunday"); //执行它
  break; //然后break跳出
  case 1:
  console.log("Monday");
  break;
default:  //如果没有任何满足条件的,就执行它
  console.log("...")
}

    ④ for

for (var i=0;i<10;i++) {  //就这么个写法,声明一个变量,变量小于10,变量每次循环自增1,
                for(;;){console.log(i)};这种写法就是个死循环,会一直循环,
                  直到你的浏览器崩了,就不工作了,回头可以拿别人的电脑试试~~
console.log(i); }

    ⑤

    

   ⑥三元运算

var a = 1;
var b = 2;
var c = a > b ? a : b //如果a>b这个条件成立,就把冒号前面的值给c,否则把冒号后面的值给c   
              //python中的:a = x if x>y else y

三.函数

 

// 普通函数定义
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;  //在js中,如果你想返回多个值是不行的,比如return a ,b;只能给你返回最后一个值,如果就想返回多个值,你可以用数组包裹起来 return [a,b];
}
sum(1, 2);  // 调用函数  sum(1,2,3,4,5)参数给多了,也不会报错,还是执行前两个参数的和,sum(1),少参数或者没参数也不报错,不过返回值就会是NAN

// 匿名函数方式,多和其他函数配合使用,后面我们就会用到了
var sum = function(a, b){  //在es6中,使用var,可能会飘黄,是因为在es6中,建议你使用let来定义变量,不过不影响你使用
  return a + b;  
}
sum(1, 2);

// 立即执行函数,页面加载到这里,这个函数就直接执行了,不需要被调用执行
(function(a, b){
  return a + b;
})(1, 2);  //python中写可以这么写:ret=(lambda x,y:x+y)(10,20) 然后print(ret)

 

  补充:ES6中允许使用“箭头”(=>)定义函数,可以理解为匿名函数

  如果箭头函数不需要参数或需要多个参数,就是用圆括号代表参数部分:

var f = () => 5;
// 等同于
var f = function(){return 5};

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2){
  return num1 + num2;
}

   

   

猜你喜欢

转载自www.cnblogs.com/sc-1067178406/p/10325120.html
44