js回顾和node.js介绍

程序员达芬奇

已于 2022-06-23 17:46:22 修改

阅读量220

点赞数

分类专栏：前端文章标签：前端

于 2019-10-21 18:17:48 首次发布

本文链接：https://blog.csdn.net/heshihu2019/article/details/102669106

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

回顾 JavaScript

历史及发展

1995年网景公司的布兰登开发；

1997年7月，ECMA组织发布ECMAScript 1.0版;

2007年10月发布3.1版本后不久，ECMAScript 3.1改名为 ECMAScript 5。

2008年，为Chrome浏览器而开发的V8编译器诞生

2011年6月，ECMAscript 5.1版发布，现在使用最为广泛的版本;

2015年6月，ECMAScript 6正式发布，并且更名为“ECMAScript 2015”;
如何学习JavaScript

JavaScript 的核心语法部分相当精简，也就是语言本身，只包括两个部分:
- 基本的语法构造(比如操作符、控制结构、语句)
- 标准库(就是一系列具有各种功能的对象比如Array、Date、Math等)。
想要实现其他复杂的操作和效果，都要依靠 宿主环境 提供API，目前，已经嵌入 JavaScript 的宿主环境有多种，最常见的环境就是 浏览器 和 操作系统 ;

回顾 JavaScript 语法特性
- 变量、数据类型、流程控制
- 函数(基本声明参数，作用域，回调函数)、面向对象(原型，构造函数，this的指向，new的过程)

六类数据类型

字符串
对象(数组,函数,Object)
布尔
null
undefined
数值

节点操作和计算字符长度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="div">hello</div>
</body>
<script>
    var d = document.getElementById('div');
    d.style.background = 'blue';
    alert(1);

    var s = '123456';
    console.log(s.length);

    
</script>
</html>

遍历数组

 // 直接量(字面量)
    var ar = ['a','b','c'];
    
    for(var i=0;i<ar.length;i++){
        console.log(ar[i]);
    }

    for(i in ar){
        console.log(ar[i]);
    }


    ar.forEach(function(k,h,v){
        // console.log(k);
        // console.log(h);
        console.log(v);

    })

函数声明和调用

 var obj1 = {name:'hello',age:56,fun:function(){
        alert(222);
    }};

    console.log(obj1.name)
    console.log(obj1.fun);
    console.log(obj1.fun());

    f1();

    f2();

    // 直接量(字面量)
    // 声明前后都可以调用
    function f1(){
        console.log(1);
    }

    // 表达式声明
    // 只能在声明后调用
    var f2 = function(a,b){
        console.log(2);
        return ;
    }

    f2(1,2)

效果预览：
在这里插入图片描述

内置构造函数请移步 Javascript 构造函数

 	// 在JS中函数被称为第一等公民
    // 在JS中函数是一个特殊的数据类型

    var a = 1;
    function f1(f2){
        // console.log(v);
        var a = 2;
        f2();
    }

    // 在 JS 中函数自身的作用域在声明的地方,而不是调用的地方
    function f2(){
        console.log(a);
    }

    f1(f2);