java script(一)

java script(一)javascriptJavaScript是什么,能干什么?一个网页的结构,是通过HTML决定的脑袋,手脚,身体CSS决定了这个网页的样式是高是矮,是胖还是瘦,是黑还是白这个网页的行为是通过JavaScript决定的走路,跑步,眨眼睛JavaScript的发展史它最初由Netscape的BrendanEich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整

大家好,又见面了,我是你们的朋友全栈君。

java script

JavaScript是什么,能干什么?

一个网页的结构,是通过HTML决定的

脑袋,手脚,身体

CSS决定了这个网页的样式

是高是矮,是胖还是瘦,是黑还是白

这个网页的行为是通过JavaScript决定的

走路,跑步,眨眼睛

JavaScript的发展史

它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型,浏览器对象模型。 [8]
Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。为了取得技术优势,微软推出了JScript来迎战JavaScript的脚本语言。为了互用性,Ecma国际(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言,而非作为给程序人员的脚本语言来推广和宣传,但是JavaScript具有非常丰富的特性。 [9]
发展初期,JavaScript的标准并未确定,同期有Netscape的JavaScript,微软的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:ECMA-262。

JavaScript的使用

在前端开发中,JavaScript不能单独运行(除非是单独安装了JavaScript的运行环境)JavaScript必须挂载在网页上

说羊毛出在羊身上

HTML就是?,JavaScript就是羊毛

HTML引入JavaScript有两种方式

方式一:内部引用

使用script标签,把JavaScript代码包起来
在这里插入图片描述
注意:外部引用的时候,一般来说都是放在《body》的外面,也就是说上面或者下面都可

在企业开发中,一般都使用外部引入,这样做的HTML与JavaScript是分开的

有利于分工合作,更方便后期维护

程序设计的基础

数据类型与变量

计算机程序就是处理现实生活中各种的数据

数据包含几个属性:名字,值,类型

因为生活中的数据并不是一成不变的,所以说我们JavaScript里就有变量和它对应

变量

Var variable的简写,用来声明一个变量
在这里插入图片描述

变量的命名
规则:

(1)一般情况,变量名由大小写字母与数字组成,也可使用$,_特殊字符

(2)但是变量名是不能以数字开头的,这样会与八进制或十六进制冲突

(3)关键字不能用,因为已经被JavaScript内部使用里

规范

(1)起名要见名思义,看到这个名字就知道这个变量是用来干什么了

(2)要使用英文名,不用去使用拼音,也不要使用中文

(3)小驼峰:第一个单词以小写字母开始,从第二单词开始以后的每一个单词的首字母都采用大写

例:myFirstName
在这里插入图片描述

数据类型

变量的类型是由变量的值来决定的,不同的类型分配给储存空间的大小也是不同的
在这里插入图片描述
字符串string
字符串是以单引号或双引号括起来的任意文本
‘asd’ “zhangsan”+”feng”
在这里插入图片描述
数字number
数字:整数和小数,但在JavaScript里不区分整数与小数,统一number
10进制,2进制,8进制,16进制都算数字
布尔类型boolean
Boolean里面值只有两个,true/false,表示真或者假
未定义undefined
因为JavaScript中变量的类型是由它的值来决定的,如果一个变量没有给值,
那它就是未定义
在这里插入图片描述
判断类型:typeof
在这里插入图片描述
对象类型
对象类型是很复杂的一个类型
怎么去描述一个人,这个人有身高,体重,年龄,这时候就需要一个对象属性
一切皆对象,对象包含属性的
人对象:身高,体重,年龄。。。。。。
狗对象:名字,花色,年龄。。。。。。
学生对象:学号,班级,成绩。。。。。。
对象的定义:
在这里插入图片描述
如何访问对象:
对象名称.属性名
注意:创建对象时对象属性用逗号分割,而不是分号
最好在代码的开始就声明所有变量
语句与注释
语句:
一行一行的代码就叫做语句,一个语句使用分号作为结束符
虽然JavaScript不写分号没有问题,但是到了项目上线代码压缩的时候就会出现问题
所以说要写上分号
注释:
对代码的解释,为了让你和你同事可以很轻松的看懂你的代码
注释不规范,同事两行泪
注释写与不写都不会影响代码的运行,注释与代码的结果没有关系
当然了,也可以用来阻止代码的运行(注释掉将要执行的代码)
方式一:单行注释
在语句最前面打上两个//(右shift左边那个键)
在这里插入图片描述
方式二:多行注释
在这里插入图片描述
运算符
算数运算符

+,-,,/,%(余)
在这里插入图片描述
逻辑运算符
比如说有一场考试,上午一场,下午一场
如果说上午的和下午的都及格了才算过
与运算(&&):并且 所有条件都满足,结果才成立
如果说上午或者下午及格一场就算过
或运算(||)或者 只要有一个条件满足,就成立
如果说上午和下午的都没及格才算过
非运算(!)取反 真变假,假变真
在这里插入图片描述
赋值运算符
在JavaScript里等于号代表赋值,==代表等于
复合赋值运算符:+=,-=,
=,/=
n+=5 等于n=n+5
其他同理
其实就是程序员的偷懒
++(自增),–(自减)
n++等于n=n+1
n–等于n=n-1
++n与—n
n++与++n的区别
++在前面,先加再用;++在后面,先用再加
不管++在前面还是后面,只要运行了,数值都会增加
在这里插入图片描述
在这里插入图片描述
关系运算符
常见关系运算符:>(大于) <(小于) >=(大于等于) <=(小于等于) (等于) !=(不等于)
判断两个数字是否相等,使用两个等于号(
)而不是一个等于号(=是赋值)
JavaScript特有:
=:数值与类型全都等于才true
:数值与类型全都不等于才true
比较后的结果是boolean类型,true或false
在这里插入图片描述
重点=的区别
==只比较值
===比较值和类型
三目运算符(三元运算符)
表达式?结果1:结果2
如果表达式运行的结果是true,运行结果1
如果表达式运行的结果是false,运行结果2
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/156536.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • route -n命令_router.replace

    route -n命令_router.replace<router-linkclass=”icon-go”:to=”{name:’首页’}”v-if=”$route.matched[0].path==’/category'”></router-link><spanclass=”icon-go”@click=”$router.go(-1)”v-e…

    2025年8月6日
    1
  • U8转U16_u8 u16

    U8转U16_u8 u16两个U8快速转U16,在8位单片机中基本就是两个MOV

    2022年10月15日
    4
  • mysql 修改隔离级别_设置mysql隔离级别

    mysql 修改隔离级别_设置mysql隔离级别1.查看当前会话隔离级别select@@tx_isolation;2.查看系统当前隔离级别select@@global.tx_isolation;3.设置当前会话隔离级别setsessiontransactionisolatinlevelrepeatableread;4.设置系统当前隔离级别setglobaltransactionisolationlevelrepeata…

    2022年6月15日
    431
  • oracle的number类型

    oracle的number类型1.简介一个可变长度的数据类型,使用四舍五入实现;既可以存储整数,也可以存储小数;2.使用语法(1)可指定两个参数:p:精度位precision,数据的有效位;取值范围38;默认38;*表示38s:小数位scale,小数点右边的位数;取值范围-84~127;默认:指定了p,默认s为最大范围;未指定p,默认s=0;numbernumber(p)number(p,s)(2)最高整数位数=p-ss正数,精确到小数点右边s位,四舍五入;s负数,精确

    2022年7月24日
    14
  • 用java实现笛卡尔积_Java实现笛卡尔积

    用java实现笛卡尔积_Java实现笛卡尔积publicclassSingleton{privatestaticSingletonintance;privateSingleton(){}publicstaticSingletongetInstance(){/**一开始多线程进来,遇到锁,一个线程进去,是为空,new对象;后续线程进入,不为空,不操作;最后直接返回*对象不为/***笛卡尔积工具类….

    2022年7月27日
    13
  • 程序员不成熟的若干个特征

    程序员不成熟的若干个特征人成熟与不成熟跟年龄没有关系,人成熟不成熟,就是你能不能站在对方的角度去看待事物。就是能不能把我的世界变成你的世界。这个社会有很多的成年人,还没有脱离幼稚的行为。一点小事情就跟别人争来争去。人不成熟的第一个特征——就是立即要回报他不懂得只有春天播种,秋天才会收获。很多人在做任何事情的时候,刚刚付出一点点,马上就要得到回报。(学钢琴,学英语等等,刚开始就觉得难,发现不行,立即就要放弃。)做我们这个项目也是一样,很多人来做这个生意,开始没有什么成绩,就想着要放弃,有的人一个月放弃,有的人三个月放弃,有的

    2022年5月27日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号