百度前端学习日记10——javaScript基本语法

1.变量

a.变量类型

Number 数字

String 字符串

Boolean 布尔型true和false

Array 数组

Object 对象

b.变量声明

var n; 

与其他编程语言不同,在 JavaScript 中你不需要声明一个变量的类型。JavaScript是一种“动态类型语言”,这意味着不同于其他一些语言(译者注:如C、JAVA),您不需要指定变量将包含什么数据类型(例如number或string).

2.条件语句与循环语句

a.条件语句

if.....else

else....if

switch.....case break

比较运算符

=== and !== — 判断一个值是否严格等于,或不等于另一个。
< and > — 判断一个值是否小于,或大于另一个。
<= and >= — 判断一个值是否小于或等于,或者大于或等于另一个。

逻辑运算符

&& — 逻辑与; 使得并列两个或者更多的表达式成为可能,只有当这些表达式每一个都返回true时,整个表达式才会返回true.
|| — 逻辑或; 当两个或者更多表达式当中的任何一个返回 true 则整个表达式将会返回 true.

!— 否;

if (!(iceCreamVanOutside || houseStatus === ‘on fire‘)) 

三元运算符

三元或条件运算符是一个语法的小点,用于测试一个条件,并返回一个值/表达,如果它是true,另一个是false-这种情况下是有用的,并且可以占用比if...else块较少的代码块。如果你只有两个通过true/ false条件选择。

( condition ) ? run this code : run this code insteadb。

b.循环语句

for

while

do.....while

break 跳出整个循环

continue 跳到下一次循环

3.函数

定义函数

function  myway(){};

调用函数

myway();

返回值

return

函数作用域 

全局变量和局部变量

原文地址:https://www.cnblogs.com/no-wing/p/9303100.html

时间: 2024-11-01 17:59:11

百度前端学习日记10——javaScript基本语法的相关文章

百度前端学习日记07——布局(三)Flexbox

前言 更多参考MDN flex布局 正文 1.Flexbox模型 主轴(main axis)是沿着 flex 元素放置的方向延伸的轴(比如页面上的横向的行.纵向的列).该轴的开始和结束被称为 main start 和 main end. 交叉轴(cross axis)是垂直于 flex 元素放置方向的轴.该轴的开始和结束被称为 cross start 和 cross end. 设置了 display: flex 的父元素被称之为 flex 容器(flex container). 在 flex 容

百度前端学习日记08——CSS文字样式,边框,背景

前言 MDN网站--文字样式 MDN网站--边框 MDN网站--背景 正文 MDN网站详细的说明举例 总结押后!(重点:背景) 原文地址:https://www.cnblogs.com/no-wing/p/9295973.html

百度前端学习日记19——CSS sprite(雪碧图)

原理 如图所示,无黑影处为浏览器中会显示的部分,通过改变backgroundPosition来使显示的地方不同,从而达到更换背景的目的 更多 浅谈CSS Sprite和实例解析 CSS Sprites:实用技术还是生厌之物? 原文地址:https://www.cnblogs.com/no-wing/p/9325669.html

百度前端学习日记20——定时器

setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 SetInterval为自动重复,setTimeout不会重复. clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 原文地址:https://www.cnblogs.com/no-wing/p/9325690.html

JavaScript学习笔记(10)——JavaScript语法之操作DOM

1.页面输出用document.write()方法,但是不可以在window.onload中用,否则整个html页面将被覆盖. 2.通过javascript获取对象后,改变对象中的html内容:document.getElementById(id).innerHTML=new HTML. 3.改变对象的属性:document.getElementById(id).attribute=new value. 4.改变对象的css属性:document.getElementById(id).style

前端学习日记(2) —— HTML5 基础

复习下Web开发学习基础: 前端部分: HTML标签:Web页面的结构,包含了页面的主要内容部分, CSS:页面样式 JS:实现交互行为 后台部分: 前端提交请求到后台通过C#/PHP/JAVA/.net等等处理数据,实现与数据库数据交互 数据库: Sql sever等存放数据表,存放数据信息 HTML工具 关于文本编辑器的工具,不同人有不同见解,(当然应该很少有人用TXT文本文档编辑)主流的编辑器我都用过,Sublime Text.Atom.Eclipse.Notepad++.Dreamwar

前端学习实践笔记--JavaScript深入【1】

这一年中零零散散看过几本javascript的书,回过头看之前写过的javascript学习笔记,未免有点汗颜,突出“肤浅”二字,然越深入越觉得javascript的博大精深,有种只缘身在此山中的感觉,茫茫然而不得其要领,索性在一边写博文中,求得突破,乃至更上一层楼. 看过的书籍推荐: <javascript语言精粹> Douglas Crockford <javascript设计模式> Addy Osmani <javascript设计模式> Ross Harmes

前端学习代码实例-JavaScript 页面跳转效果

运用JavaScript,实现了在10秒之后跳转到指定页面. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端开发学习q群:731771211 详细教程讲解</title>

前端学习代码实例-JavaScript点击按钮弹出层效果

强大的效果其实都是由一个个简单的功能组合而成的,下面介绍一下如何实现点击一个按钮弹出一个层的效果. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端开发学习q群:73