JavaScript | 青训营

106 阅读3分钟

JavaScript简介

是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。

组成部分

(1)核心(ECMAScript):描述了该语言的语法和基本对象。

(2)DOM:Document Object Model(文档对象模型):描述处理网页内容的方法和接口。

html加载到浏览器的内存中,可以使用js的DOM技术对内存中的html节点进行修改,用户从浏览器看到的是js动态修改后的页面。

(3)BOM:Brower Object Model(浏览器对象模型与浏览器进行交互的方法和接口。

例如:浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

特点

(1)开发工具简单,记事本即可

(2)无需编译,直接由数据 JS引擎负责执行

(3)弱类型语言由数据来决定 数据类型

(4)面向对象

作用

(1)嵌入动态文本与HTML页面

(2)对浏览器时间做出相应

(3)读写HTML元素

(4)在数据被提交到服务器之前验证数据

(5)检测访客的浏览器信息

(6)控制cookies,包括创建和修改等。

(7)基于node.js技术进行服务器端编程。

JS三种添加方式

(1)行内式

(2)内嵌式

(3)外链式

变量

  • 定义:

就是内存中的一段存储空间

  • 变量命名规范:

只能由字母、数字、_(下划线)、$(美元符号)组成。 不能以数字开头。命名中不能出现-(js会理解成减号进行减法的操作),不能和关键字冲突。

  • js是弱类型语言,不重视类型的定义,js会根据为变量赋值的情况自定判断该变量是何种类型

数据类型

数值型:number(凡是数字都是数值型,不区分整数和小数)

字符串:string(凡是引号包括起来的内容全部都是字符串)

布尔:boolean(true、false)

对象类型:object(声明对象未赋值取值null)

未定义型:undefined

检测数据类型 typeof(value); 或 typeof value; 返回这个变量的类型 说明 : 同一个变量, 可以进行不同类型的数据赋值.

什么才是好的JavaScript?

写好JS的一些原则

1.各司其责

让HTML、css、JavaScript职能分离

2.组件封装

好的UI组件正确性、扩展性、复用性

3.过程抽象

应用函数式编程思想

三、知道什么是好的JavaScript后,如何写好JavaScript

1.入门基础

开始学习JavaScript之前,确保你对HTML和CSS有基本的了解,因为JavaScript通常用于与网页的结构和样式进行交互。掌握基本的Web开发知识将为你的学习奠定坚实的基础。

2.学习资源

选择合适的学习资源是学习JavaScript的关键。有许多免费和付费的在线课程、教程和文档可供选择。推荐一些常用的学习资源,如MDN Web Docs、W3Schools、JavaScript.info、freeCodeCamp等。此外,互动式学习平台如Codecademy和Udemy上也有很多不错的JavaScript课程。

3.实践项目

!!! 这是最重要的一点,只有实践才能扎实基础,得到更知识!!!

学习理论知识很重要,但实践是真正提升技能的关键。尽早开始实践项目,编写JavaScript代码并构建实际应用。可以从简单的小项目开始,逐步挑战更复杂的任务,如构建交互式表单、创建图表和图像轮播等。

4.阅读优秀代码

在优秀的代码中,探讨自己写的代码的不足和改进的方法

阅读和分析优秀的JavaScript代码是提高自己的编程技巧和理解能力的好方法。查找开源项目、社区示例和流行的JavaScript库的源代码,并学习其中的设计模式和最佳实践。