JavaScript的基础入门知识点

一.首先,我们来了解一下

1.JavaScript是什么?

JavaScript是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。

JavaScript是嵌入到浏览器软件当中的去的,只要你的电脑有浏览器就可以执行JS程序了。

JavaScript是一种面向对象的程序语言。

在程序中,对象是由“属性”和“方法”构成。

在现实中,男女朋友就是一个“对象”。“东西”就是“对象”。一个“物体”就是“对象”。

“对象”有各种各样的特征(属性),如:身高、体重、年龄、姓名、学历等。

“对象”有很多方法。“人”这个对象,可以干什么?或者“人的行为”。如:开飞机、打电脑、上网等。

注意:JS中的对象只要会用就可以了,不需要我们自己去开发对象。

跨平台:JS程序可以在多种平台下运行,如:windows、linux、mac、IOS等。

客户端脚本程序:JS只能在客户端的浏览器来运行,不能在服务器端来运行。

浏览器是一个翻译器,可以翻译三种代码:HTML代码、CSS代码、JavaScript代码。

JavaScript历史和发展

JavaScript语言最初称为LiveScript语言,是由Netscape(网景)公司为Netscape Navigator 2.0开发的脚本语言。希望借助流行的Java使LiveScript流行起来,因此改名为JavaScript。

Microsoft在IE3.0中引入了JavaScript。因为Microsoft没有授权使用JavaScript商标,因此将其改名为Jscript。

1997年,JavaScript 1.1被提交到ECMA(欧洲计算机制造商协会)。并在1997.6ECMA制定了第一个正式语言规范ECMA-262,并命名为ECMAScript。

各浏览器中的脚本是对ECMA-262语言规范的具体实现。Navigator中,ECMAScript的实现称之为JavaScript,而IE中称之为Jscript,这些都是对ECMAScript的具体实现。

解释型语言

计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言,计算机才能执行程序。将其他语言翻译成机器语言的工具,被称为编译器。

编译器翻译的方式有两种:一个是编译,一个是解释。当编译器以解释方式运行的时候,称之为解释器。

解释性语言编写的程序不进行预先编译,以文本方式存储程序代码。

常见解释性语言:HTML、XHTML、JavaScript、XML、CSS、AJAX等。

这里还是要推荐下小编的web前端学习群:867726593,不管你是小白还是大牛,小编我都欢迎,不定期分享干货,包括小编自己整理的一份最新的web前端资料和0基础入门教程,欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。

2.JavaScript能干什么?

表单验证:是JS最基本的功能。

动态HTML:可以实现一些动态的、重复的效果。

交互式:人机交互,通过键盘或鼠标,与网页中的元素进行交互。

数据绑定:HTML中表单和表格能够以.txt文件定义的数据源,通过对位于服务器端的数据源文件的访问,便可以将数据源中的数据传送到客户端,并将这些数据保存在客户端。

少量数据查找:能够实现在当前网页中进行字符串的查找和替换。

AJAX核心技术:AJAX即异步JavaScript+XML。该对象提供一种支持异步请求的技术,使客户端可以使用JavaScript向服务器提出请求并处理响应,但并不影响用户在客户端的浏览。

3.<script></script>标记

JS代码也是嵌入到HTML文档中去的。

同一个网页中,可以有HTML代码、CSS代码、JavaScript代码。

通过<script></script>来引入JS程序代码

4.常用的两个客户端输出方法

(1)document.write(str)

描述:在网页的<body>标记,输出str的内容。

document意思“文档”,就是整个网页了。

document是一个文档对象,代表整个网页。

write()是document对象的一个输出方法。

“.”小数点:通过小数点(.)来调用对象的方法。

str:表示要输出的内容。

(2)window.alert(str)

描述:在当前窗口中弹出一个警告对话框,str为对话框中显示的内容。

window代表当前浏览器窗口,window是一个窗口对象。

alert()方法:弹出一个对话框。

str:表示要输出的内容。

5.JS中的注释

HTML的注释:<!—注释内容-->

CSS注释:/* 注释 */

JavaScript的注释:// 或 /* 多行注释 */

下面我们来认识一下变量。

二.变量

1、变量的概念

变量是变化的一个量。

变量可以看成是一个“未知数”。 x = 10

变量可以看成是一个“符号”“代号”。

变量可以看成是宾馆的“房间号”。

变量一般是指程序的数据。

变量是在内存中存在和运行的。

变量是临时存在的数据。我们可以把计算机内存看成是一个一个的“小格子”。每个“小格子”里可以存储一个变量的名称和变量的值。

2、变量的声明

变量的声明,就相当于预订宾馆的“房间”

语法格式:var 变量名 = 变量值

声明变量是使用系统关键字var来进行的。

举例:

var name; //声明一个变量

var name,sex,edu; //同时声明多个变量,多个变量间用英文下的逗号隔开

var name = “张三”; //一边声明一边赋值

3、变量的命名规则

变量名可以包含字母、数字、下划线。

变量名不能以数字开头,可以以字母或下划线开头。如:var _name;(正确的) var 3abc;(错误的)

变量名不能是系统关键字。如:var、switch、for、try、case、else、while等。

JS中的变量名是区分大小写的。如:name和Name是两个变量

JS中变量的名称一定要有意义。

如果变量名由多个单词构成的话,该如何表示呢?

“驼峰式命名”:第一个单词全小写,后面的每一个单词首字母大写。如:var getUserName

“下划线式命名”:所有单词全小写,中间用下划线连接。如:var get_user_name

4、给变量赋值

给变量赋值,就是往“空间”中装东西。

使用赋值号“=”来给变量赋值。

语法:var变量名 =变量值

举例:var name = “张三”;

“=”的理解

将“=”右边的“运算结果”赋给左边的变量名。

应该是“=”右边先运算,再把运算的结果,赋给左边的变量。

“=”左边只能是一个变量名,而不能是“运算表达式”。

三.变量的数据类型

变量是有数据类型的,这个类型来源于“变量的值”,换句话说:值是什么类型的,变量就是什么类型的。

JS中变量的类型有:数值型、字符型、布尔型、undefined、null、array、object、function

1、数值型:可以进行算术运算的(加、减、乘、除)

2、字符型:用单引号或双引号引起来的一个字符串

注意:字符型变量不能进行算术运算,只能进行“连接”运算。

四.JS中的运算符

运算时,只能进行同类型运算。如果类型不同,将进行类型转换。

1、算术运算符:+-*/

var a = 10;

var b = a + 10; // b = a+10 = 10+10=20

注意:如果“+”左右两个操作数,都是数值的话,将执行“加法”运算。

(2)如果“+”左右有一个操作数是字符的话,那么,另一个值将转成字符串。这两个操作数进行的是“连接”运算。

2、赋值运算符:=+=

赋值运算符,将“=”右边的运算结果,赋给左边的变量。

var a = 10+100;

“+=”先加后等

//声明变量,并且给变量赋值

var a = 10;

//变量a先加20,再将运算结果,赋给左边的变量

a += 20; // 展开后 a = a + 20 = 10+20=30

五.写程序的一般步骤

变量初始化:变量声明、变量赋值

程序的运行过程。

输出结果

实例:输出个人的基本信息

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,744评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,505评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,105评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,242评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,269评论 6 389
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,215评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,096评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,939评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,354评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,573评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,745评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,448评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,048评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,683评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,838评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,776评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,652评论 2 354

推荐阅读更多精彩内容