JS入门必备基础知识(适合小白)

JS入门必备基础知识(适合小白)

  • 一、JS是什么?
    • 1、JS简介
    • 2、JS的组成部分
    • 3、JS的基本特点
    • 4、JS的特性
    • 5、JS与HTML、CSS的对比
  • 二、JS的用法
    • 1、JS的引入方法
      • 1)head中的 JavaScript 函数
      • 2)body中的 JavaScript 函数
      • 3)外部的 JavaScript
    • 2、JS的基本语法
    • 3、JS中的变量
      • 1)变量名
      • 2)变量值
      • 3)全局变量与局部变量
    • 4、数据类型
      • 1)基本数据类型
      • 2)引用数据类型
      • 3) JS的数据类型转换
      • 4)typeof 操作符
    • 5、JS代码在执行时分两个阶段
      • 1)预编译
      • 2)代码执行
    • 6、加var的变量和没有加var的变量的区别
    • 7、初步了解执行上下文( 给代码提供数据)
    • 8、初步了解函数
    • 9、let和const声明
      • 1)let声明
      • 2)const声明

一、JS是什么?

1、JS简介

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的 高级编程语言 。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

2、JS的组成部分

ECMAScript,描述了该语言的语法和基本对象。
文档对象模型(DOM),描述处理网页内容的方法和接口。
浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。

3、JS的基本特点

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

    1、是一种解释性脚本语言(代码不进行预编译)。
    2、主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
    3、可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
    4、跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
    5、Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
    6、可以实现web页面的人机交互。

4、JS的特性

JavaScript脚本语言具有以下特点:
1)脚本语言。 JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
2)基于对象。 JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
3) 简单。 JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
4) 动态性。 JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
5) 跨平台性。 JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持。

5、JS与HTML、CSS的对比

相同点: 三者运行环境都可以在浏览器中。
不同点: HTML、CSS 不叫编程语言,JS运行环境不只是浏览器,也可以是其他环境。

二、JS的用法

1、JS的引入方法

1)head中的 JavaScript 函数


                    
                    

你可能感兴趣的:(JS基础)