使用hasOwnProperty時報錯的解決方法
更新時間：2024年01月04日 15:10:32 作者：嘿！陳俊彥
hasOwnProperty這個方法是用來查找一個對象是否有某個屬性,且查找的屬性必須是對象本身的一個成員,但是不會去查找對象的原型鏈,文中介紹了使用示例代碼及使用時可能會遇到的問題,對hasOwnProperty報錯原因分析及解決方法感興趣的朋友一起看看吧
hasOwnProperty
hasOwnProperty這個方法是用來查找一個對象是否有某個屬性，且查找的屬性必須是對象本身的一個成員，但是不會去查找對象的原型鏈。
使用示例：
var obj = {
a: 1,
fun: function(){},
c:{
d: 5
}
};
console.log(obj.hasOwnProperty('a')); // true
console.log(obj.hasOwnProperty('fun')); // true
console.log(obj.hasOwnProperty('c')); // true
console.log(obj.c.hasOwnProperty('d')); // true
console.log(obj.hasOwnProperty('d')); // false, obj對象沒有d屬性使用時可能會遇到的問題
由于ESLint升級，在項目中直接使用xxx.hasOwnProperty()可能會導(dǎo)致：
error Do not access Object.prototype method 'hasOwnProperty' from target object no-prototype-builtins
這個錯誤提示大概就是說：不要從目標對象上訪問 Object 原型方法。在ECMAScript 5.1中，新增了 Object.create，它支持使用指定的 [[Prototype]] 創(chuàng)建對象。我們可以通過使用call()方法來調(diào)用不屬于本身this對象的方法。
例如：
var a = {
today: '2022年5月11號',
weather: '陰天'
show: function(){
return this.today+ '是' + this.weather
}
}
var b = {
today: '2022年5月30號',
weather: '晴天'
}
//調(diào)用a的show方法，并用于b
b.show.call(a)
console.log(b) //輸出為：2022年5月30是晴天所以解決該問題的方法為：將xxx.hasOwnProperty(‘yyy’)修改為Object.prototype.hasOwnProperty.call(xxx, ‘yyy’)。
代碼示例：
handleEdit(todo) {
// if(todo.hasOwnProperty('isEdit')){
// todo.isEdit = true;
// }else{
// this.$set(todo,'isEdit',true)
// }
if(Object.prototype.hasOwnProperty.call(todo, 'isEdit')){
todo.isEdit = true;
}else{
this.$set(todo,'isEdit',true)
}
},到此這篇關(guān)于使用hasOwnProperty時報錯的解決方法的文章就介紹到這了,更多相關(guān)hasOwnProperty報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
layui 圖片上傳+表單提交+ Spring MVC的實例
今天小編就為大家分享一篇layui 圖片上傳+表單提交+ Spring MVC的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要給大家介紹了關(guān)于JavaScript this關(guān)鍵字的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
JavaScript實現(xiàn)cookie的寫入、讀取、刪除功能
cookie 是存在有效期的，在默認情況下，一個 cookie 的生命周期就是在瀏覽器關(guān)閉的時候結(jié)束，本文給大家介紹關(guān)于javascript對于cookie的簡單操作，比如對于cookie的寫入和刪除，代碼簡單易懂，需要的朋友參考下2015-11-11
這篇文章主要介紹了JS實現(xiàn)向iframe中表單傳值的方法,涉及js針對頁面元素及表單屬性操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
JavaScript用Number方法實現(xiàn)string轉(zhuǎn)int
parseInt方法在format'00'開頭的數(shù)字時會當作2進制轉(zhuǎn)10進制，所以建議string轉(zhuǎn)int最好用Number方法2014-05-05
這篇文章主要介紹了js彈出對話框方式,結(jié)合大量實例總結(jié)分析了JavaScript常用的彈出對話框的實現(xiàn)技巧與相關(guān)函數(shù)的具體使用方法,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了JS原生實現(xiàn)輪播圖的幾種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
在日常開發(fā)中,使用uniapp開發(fā)項目有時會遇到需要覆蓋組件的問題,但由于某些組件的渲染優(yōu)先級過高,例如video,map ,在小程序中只能使用cover-view去覆蓋,這篇文章主要給大家介紹了關(guān)于uniapp小程序視圖容器cover-view使用的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了javascript簡單實現(xiàn)深淺拷貝過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
javascript實現(xiàn)checkBox的全選，反選與賦值
這篇文章主要介紹了javascript實現(xiàn)checkBox的全選，反選與賦值的方法，以實例形式詳細分析了實現(xiàn)的思路及對應(yīng)的html與js代碼的實現(xiàn)過程2015-03-03