当前位置: 首页>編程日記>正文

JavaScript中的变量 函数 对象的定义和方法

JavaScript中的变量 函数 对象的定义和方法

一. JavaScript中变量的定义以及数据类型的划分 

1.变量的定义:

(1)在js中定义变量,使用var来定义,var可以省略不写

(2)javascript是弱类型语言,它的语法结构不严谨! 可以重复定义变量的,后面的变量的值将前面的变量值覆盖掉

(3)查看js的变量的数据类型,使用一个函数 typeof(变量名)

(4)var可以任意数据类型!

2.数据类型的划分 :

(1)无论是整数还是小数,都是number类型

(2)无论是字符串还是字符,都是string类型

(3)boolean类型

(4)object类型 (创建一个对象 ),在Js中,Object对象代表所有js对象的模板!

(5)undefined类型 :未定义类型 (这种没有意义),因为没有赋值!

注:js引擎会自动提升为 对应的 对象类型,如:Number、String、Boolean、Object等


二.函数定义以及调用

1.定义函数的注意事项:

(1)js是弱类型语言,定义函数的时候,参数名称不能携带va
(2)js定义时候,没有返回值类型,但是函数中可以携带return语句,代表方法结束
(3)Js中没有函数重载的概念,如果方法名相同,后面定义的函数将前面定义的函数覆盖了    
(4) 实际参数列表 < 形式参数列表,函数依然会被调用,不过值是"NaN",有一个形式参数没有赋值
          实际参数列表 > 形式参数列表,将实际参数的值赋值给形式参数,多余的实际参数,直接省略不计!

(5)隐藏一个数组名称:arguments,作用:将实际参数绑定给形式参数 

2.定义函数的格式


function sum( a,  b ){var c = a+b ;document.write("c:"+c);}sum(10,20) ; 

function sum(a, b, c) { //a=10,b=15,c=20//隐藏一个数组名称:arguments//作用:将实际参数绑定给形式参数for(var i = 0; i < arguments.length; i++) {document.write(arguments[i] + "&nbsp;&nbsp;<br/>");}var d = a + b + c;return d;}//赋值调用var result = sum(10, 15, 20);document.write("result:" + result);

三.for-in语句 

1.for-in类似于增强for循环

应用场景:
 (1)遍历数组
 (2)遍历对象的属性

语法

var arr = [10,20,30,"hello",'A',true,3.14] ; for(var i in arr){document.write(arr[i]+"&nbsp;&nbsp;") ;}

date对象的使用:网页时钟的操作流程)

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>10_网页时钟</title></head><body><h3>当前系统时间是:</h3><span id="spanTip"></span></body><script>function generateDate(){//1)获取当前系统时间//1.1)创建日期对象var date = new Date() ;//1.2)拼接出来时间字符串var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"&nbsp;&nbsp;"+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds() ;//2)dom(文档对象模型编程)操作: //2.1)获取id="spanTip" 所在的span标签对象var span = document.getElementById("spanTip") ;//2.2)设置span标签的文本内容span.innerHTML ="<h3>"+dateStr+"</h3>"  ;}//3)开启网页定时器//setInterval("定时任务()",时间毫秒值):每经过时间毫秒值重复执行这个定时任务..//setTimeout("定时任务()",时间毫秒值):经过这个毫秒值之后,执行一次定时任务..setInterval("generateDate()",1000) ; //每1秒重复执行生成时间的任务</script>
</html>

result:

 


https://www.fengoutiyan.com/post/14648.html

相关文章:

  • 在一个函数内部定义的变量是
  • 形参是局部变量吗
  • 函数可以嵌套定义但不能嵌套调用
  • javascript变量声明
  • javascript定义函数
  • 二维数组定义
  • matlab怎么定义函数
  • 外部变量
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機