js-day01

162 阅读5分钟

计算机语言概念

计算机程序是为了告诉计算机"做某件事或解决某个问题"⽽⽤"计算机语⾔编写的命令集合(语句)

常⻅计算机语⾔

  1. 机器语言:代码里面只有0和1.
    优点:执行效率非常高。
    缺点:指令多,难记,可读性差,无可移植性。
  2. 汇编语言: 符号化的机器语言。
    优点:直接对硬件产⽣作⽤,程序的执⾏效率⾮常⾼、可读性稍好。
    缺点:符号⾮常多和难记、⽆可移植性.
  3. ⾼级语⾔:例如c
    ⾮常接近⾃然语⾔的⾼级语⾔,语法和结构类似于普通英⽂
    优点:简单、易⽤、易于理解、远离对硬件的直接操作、有可移植性
    缺点:有些⾼级语⾔写出的程序执⾏效率并不⾼。
  • 用三种语言表述'1+1'
    机器语言  10111000 00000001 00000000 00000101 00000001 00000000
    汇编语言 MOV AX, 1 ADD AX, 1
    高级语言 1+1

JavaScript

概述

  • JavaScript的⽤途:JavaScript⽤来制作web⻚⾯交互效果,提升⽤户体验
  • Javascipt的特点:
    1. 简单易⽤
    2. 解释执⾏(解释语⾔)
    3. 基于对象
  • Javascript 与html、css之间的关系:
    html是用来编写网页的结构。
    css作用是修饰网页。
    javascript是用来实现页面与用户之间的交互。
  • 背景:布兰登·艾奇,1995年在网景公司,用十天左右时间发明的,原名Livescript。
  • ECMAScript:
    ECMAScript是⼀种由ECMA也就是前身为欧洲计算机制造商协会,制定的标准。
  • 发展及命运:略

JavaScript是什么?

概念:JavaScript是⼀种轻量级的基于对象事件驱动的跨平台客户端脚本语⾔

解释说明:

1.轻量:JavaScript是嵌⼊到浏览器软件当中去的,只要你的电脑有浏览器就可以执⾏JS程序代码了。⽽不像其他语⾔⼀样,需要配置语⾔运⾏的软件环境,配置起来特别麻烦。所以是轻量级的。

2.基于对象: JavaScript是⼀种基于对象的程序语⾔。(没错,就是这样,你别管)

3.事件驱动的: 简单来说就是在js中的我们对⽹⻚操作的⼀些⾏为,⽐如⿏标的点击,移⼊移出,键盘敲击等,这些⾏为或动作我们统称为事件,也就是事件来驱动我做这些事情。

4.跨平台: JS程序可以在多个平台下运⾏,如:windows、Linux、mac、IOS等。

5.客户端脚本语⾔: JS只能在客户端的浏览器来运⾏,不能在服务器端运⾏(node.js)。浏览器是⼀个翻译器,可以翻译三种代码:HTML代码、CSS代码,JavaScript代码。

计算机中的脚本语言是指:依据一定的格式编写的可执行文件,比如:第一步做什么第二步做什么,也相当于是一个“大纲”。

JavaScript的组成

1.核⼼(ECMAScript)

2.⽂档对象模型(DOM:Document Object Model) document 操作标签加⾏为---可以img动起来 给div加width

3.浏览器对象模型(BOM:Browser Object Model) window-- alert()

使⽤JavaScript

  1. script标签
    <script></script> 标签⽤于定义客户端脚本。它既可以包含脚本语句,也可以通过src属性指定外部脚本件。
  2. 常⽤的客户端输出⽅法:
    document.write(str);
    描述:在⽹⻚的标记中,输出str的内容。
    window.alert(str);
    描述:在当前窗⼝弹出⼀个警告对话框,str为对话框中显示的内容。
    window.prompt();
    描述:..., 功能:弹出⼀个输⼊框,让⽤户来输⼊内容。
    语法:var a=window.prompt(text,[defaultText]); 参数:Text:提示信息,default:可选项,
    console.log(str)
    描述:...,
    功能:在浏览器控制台输出信息。

JS注释

单⾏注释:以//开头。

多⾏注释:以/*开头,以*/结尾。

变量

1、变量的概念:变量是存储信息的容器。
2、变量的声明:
var 变量名 = 变量值;
3、变量的命名规则:
变量名可以包含字⺟、数字、下划线、美元符号$。
变量名不能以数字开头,可以以字⺟或下划线开头。如:var _name;(正确) var 3abc;(语法错误)
变量名不能是系统关键字,如:var、switch、try、case、else、while等。
JS中的变量名是区分⼤⼩写的。如:name和Name是两个变量。
4、变量由多个单词:常用:1.驼峰式(包括:大驼峰,小驼峰)2.下换线式

变量的赋值

  语法:
  var 变量名 = 变量值;
  列举:var name=”张三”;
  “=”的理解:将”=”右边的”运算结果”赋给左边的变量名。
  应该是”=”右边先运算,再把运算的结果,赋值给左边的变量。
  “=”左边只能是⼀个变量名,⽽不能是”运算表达式”。

数据类型

1、基本数据类型:数值型 -number、字符型 -string、布尔型- Boolean、未定义类型- undefined、空型- null

基本数据类型很显著的特点:⼀个变量名只能存⼀个值。

2、复合数据类型或叫引⽤数据类型:数组-array、对象-object、函数-function。后⾯会讲到。

符合数据类型很显著的特点:⼀个变量名能存多个值。

关系运算符

JS中的运算符:要进⾏各种各样的运算,就要使⽤不同的运算符号。运算时只能进⾏同类型运算,如果类型不同,将进⾏类型转换。

  1.         算术运算符:+、—、*、/、%、++、——;
    
  2.         赋值运算符:=、+=、-=、*=、/=
    
  3.         ⽐较运算符:>、<、>=、<=、==、!=、===